Tag: ciekawostki

Układ okresowy tagów HTML5

Ciekawy sposób na przedstawienie elementów HTML5 – w postaci układu okresowego pierwiastków tagów zastosowano na stronie joshduck.com/periodic-table.html. Tagi podzielone są na kategorie, a każdy element ma swój opis – widoczny po kliknięciu. Podoba mi się to, świetnie zrobione. :)
Można także przetestować dowolną stronę, dzięki czemu podświetlone zostaną wszystkie elementy html5 na niej użyte.

Znalezione na Wykopie, jak zwykle podczas porannej poniedziałkowej kawy :)

Kolejne nietypowe wykorzystanie CSS

Uwielbiam takie zabawy, kojarzy mi się to z kombinowaniem amigowym (typu „jak to podłączyć żeby działało„), scenowym (przerabianie rutynki milion razy, żeby wycisnąć więcej klatek), albo haxorowym/phreakingowym („ej! przecież do tego możemy użyć jeszcze mocy obliczeniowej procesora stacji dyskietek i drukarki!„).

Ale do rzeczy: Pod tym linkiem jest strona prezentująca zwykły tekst… ale zaraz, zaraz. Czy zwykły? A jeśli go zaznaczymy? :) Takie porno dla ubogich ;)

Nietypowe wykorzystanie CSS

Jestem i zawsze byłem fanem nietypowych, oryginalnych i niepowtarzalnych projektów, wykonywanych przy użyciu powszechnych technologii. Takie twórcze pomysły (jak na przykład ten, prezentowany jakiś czas temu na Subiektywie) bardzo mnie motywują.

Poniżej przedstawiam przykład ciekawego wykorzystania CSS w celu zaprogramowania interaktywnej animacji. Pomysł jest bardzo prosty (chociaż wykonanie żmudne i pracochłonne), a efekt moim zdaniem powala. Powtórzmy: Żadnego Javascriptu, tylko HTML i CSS (najedź na poniższe zdjęcie aby zobaczyć efekt):

http://www.romancortes.com/ficheros/meninas.html
Zdaję sobie sprawę że dla niektórych to odgrzewany kotlet – ten link pojawił się na Wykopie już jakiś czas temu – jednak chciałem po prostu to mieć na swoim blogu ;)