Parę dni temu wygrzebałem w sieci kolejny przykład ciekawego zastosowania [X]HTMLa, CSSa i JavaScriptu, otóż pewien programista postanowił wykonać zegarek cyfrowy, w którym elementy cyfr ["belki"] są wyświetlane za pomocą nie mieszczących się w swoich kontenerach elementów <div>, a konkretnie za pomocą pasków przewijania które tworzą się przez rozciąganie ich w kontenerach. Co tu dużo mówić – trzeba zobaczyć. ;] Dla wnikliwych – polecam uruchomienie wtyczki WebDeveloper i wybranie opcji „Zaznacz” > „Zaznacz elementy blokowe”, widać wtedy dokładnie jak to wszystko działa, bez patrzenia do kodu można podziwiać geniusz tego pomysłu.
Linki:
[0] http://toki-woki.net/p/scroll-clock/ – zegarek „cyfrowy”. ;]
[1] http://toki-woki.net/p/scroll-clock/gallery/ – galeria „zegarków” w różnych przeglądarkach.
Warto przeczytać.
Trwa ładowanie…
Wow! Naprawdę świetny pomysł. Super sprawa, nieźle to wygląda przy dobrym doborze kolorów.. muszę spróbować to zrobić
Jak już będziesz miał coś ciekawego proszę o komentarz, czytelnicy chętnie obejrzą nowe materiały w tym temacie.
Dobry pomysł, może się przyjmie.
Ja myślę, że to raczej w charakterze „bajeru”, ale może kiedyś faktycznie będziemy mogli coś takiego nosić na ręce. ;]
Pingback: Podsumowanie roku 2010. « Tomasz Kowalczyk