Tomasz Kowalczyk Blog::Programisty

15gru/090

[MiniBlog] Efekt paralaksy w CSS.

Jeśli chodzi o kreatywne wykorzystanie niektórych banalnych, zdawałoby się, technologii takich jak CSS, czy [X]HTML, ludzie chyba nigdy nie przestaną mnie zadziwiać. Opisywane wcześniej "dzieła" ze stron Toki Woki, The389, czy też to, co zamierzam Wam dzisiaj pokazać świadczy o tym, że nawet z najprostszych narzędzi mogą powstać genialne produkcje. Widząc po raz pierwszy tego typu rzeczy mówimy: "E tam, zwykły kawałek kodu", by zaraz potem otworzyć usta z pełnym zdumienia: "ale... ale jak to?".

Tak też zrobiłem dzisiaj, widząc efekt paralaksy stworzony wyłącznie przy użyciu HTMLa i CSSa. Zresztą, oceńcie sami, czy to, co zobaczyłem warte jest uwagi. Cały przykład opiera się na bardzo intensywnej eksploracji atrybutu background-position, dzięki któremu możemy obserwować przesuwanie się elementów całego obrazu.

Linki
[0] http://www.romancortes.com/blog/css-3d-meninas/ - opisywana strona.

14gru/090

[MiniBlog] The389, czyli co można osiągnąć za pomocą samego JavaScriptu.

Dzisiaj chciałbym Wam zaprezentować kolejne ciekawe znalezisko - miały być to jedynie dwa skrypty JavaScript, ale okazało się, że cała strona twórców jest warta uwagi, a zatem [fanfary i werble]:

The 389!

Polecam szczególnie dema 385 [Drops] i 383 [Scrollbars]. Jeśli myśleliście, że pokazany ostatnio zegarek był szczytem możliwości, będziecie musieli niestety zrewidować swoje poglądy. Ja już przemyślałem sprawę. ;] Miłego oglądania!

Byłbym zapomniał - niektóre [większość] skryptów wymaga Safari albo Chrome'a do poprawnego działania, tak więc należy się zaopatrzyć albo w Maca albo ściągnąć Chrome - ten drugi sposób taniej wychodzi. ;] Musze przyznać, że kilka tych pokazów udało mi się uruchomić na Firefoxie [3.5.5], tak więc próbujcie, a nuż się uda.

Linki:
[0] http://www.the389.com/ - strona internetowa o której mowa we wpisie.