Tag Archives: css3

Linkdump #28: Scriptu, scriptu, JavaScriptu!

W serii Linkdump dawno nie było już nic na temat samego JavaScriptu. Zobaczmy więc, co nowego pojawiło się w temacie od ostatnich kilku tygodni.

[Linkdump #21] 1, 2, CSS3, teraz style piszesz Ty!

Zastanawiając się nad tematem dzisiejszego Linkdumpa z ciekawości sprawdziłem, czego dawno tutaj nie publikowałem. Jako, że ostatni wpis traktujący o języku CSS pojawił się ostatnio solidne kilka tygodni temu, warto zobaczyć, co się od tamtej chwili pojawiło ciekawego w tej kwestii. Zapraszam do lektury. ;]

[Linkdump #3] 1, 2, 3, 4… HTML5!

Witam w kolejnej odsłonie serii Linkdump, tym razem mam dla Was kilka ciekawych materiałów dotyczących coraz bardziej popularnej technologii jaką jest HTML5.

[Linkdump #2] CSS3 na koniec tygodnia.

Na wstępie pragnę przeprosić Was wszystkich za to, że nie udało mi się opublikować tego wpisu wczoraj, zgodnie z obietnicą sprzed tygodnia. Trochę słabo wygląda „sumienność”, którą łamie się już za drugim razem, ale ignorując zasadę „tłumaczy się tylko winny” muszę powiedzieć, że od ostatniej środy mam straszne problemy z dostępem do internetu w akademiku – zmiana administratora, a co za tym idzie dostosowanie reguł ruchu na routerze na wyjściu do jego wymagań spowodowały, że przez ostatni tydzień praktycznie byłem totalnie odcięty od Internetu ze względu na bany, jakie dostawałem za rzekome P2P. Na szczęście wydaje mi się, że już opanowałem sytuację, ale żeby nie przedłużać podam szczegóły pod koniec tego wpisu. Tym czasem zapraszam do zapoznania się z ciekawymi materiałami na temat CSS3 i jego nowych możliwości, które od pewnego czasu goszczą w najnowszych wersjach przeglądarek.

[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.

[MiniBlog] Genialny przykład wykorzystania właściwości transform: rotate(); w CSS3.

Genialny przykład wykorzystania właściwości transform: rotate(); w CSS3: http://desandro.com/. Dla tych, którzy są nie w temacie – te dwa okręgi widoczne na stronie głównej to nie są obrazki, tylko czysty HTML + CSS[3] „wyrenderowany” przez JavaScript. Pełen szacunek.