Perfection or Vanity

Czytając dzisiaj Sitepoint natknąłem się na detal, który bardzo mi się spodobał. W pracy mam bardzo toporny scroll w myszce, więc klikąłem nim, aby uaktywnić przesuwanie samymi ruchami gryzonia. Wtedy zamiast zwyczajnego półprzezroczystego kółka pokazało mi się takie.

Rozwiązania czysto CSS-owe są super. Obrazki dodają wigoru arkuszom stylów, ale na przykład sztuczki z CSS Play powalają pomysłowością autora. Wracając do tematu - chciałem zmienić kolor markera listy. Specyfikacja mówi, że tego koloru nie można ręcznie określić:

The list properties (…) do not allow authors to specify distinct style (colors, fonts, alignment, etc.) for the list marker or adjust its position with respect to the principal box.

W3C: Lists: the 'list-style-type (…) properties

Zastanawiało mnie jak zrobić ładne zdobienia pierwszych liter nagłówków bez dokładania dodatkowego spana z klasą. Wystarczyłby mi id albo klasa nagłówka - aby użyć odpowiedniej litery. Udało mi się osiągnąć wynik na trzy sposoby - z czego tylko jeden jest warty czegoś więcej niż kiwnięcia głową.

Zmierzyłem się kiedyś z obrazkiem, któremu chciałem wyłączyć możliwość łatwego, prawoklikowego zapisu. O ile wtedy wyczyniałem cyrki z linkami, tak teraz mam przyjemność Wam przedstawić wersję elegancką - nie dość że zlikwidujemy pozycję w menu pozwalającą zapisać plik to jeszcze dodamy transparentny znak wodny. Do dzieła. :-)

Trzynaście miesięcy temu walczyłem z dość zaawansowanym menu DHTML z gry MMORPG Dark Throne próbując zamienić je na wersję CSS-ową. Poległem wtedy, nie uzyskując zamierzonego efektu.

Pomimo twierdzeń niektórych osób, że HTML-a i CSS-a można nauczyć się w tydzień, mi zajęło to trochę dłużej. Lecz poświęcony czas zwrócił się z nawiązką - nowe menu w CSS działa dokładnie tak jak sobie wymarzyłem. Działa pod Firefoksem, Operą oraz (ha!) Explorerem 6 (+ powinien pod innymi nowoczesnymi przeglądarkami). :)

Chciałbym zakomunikować większemu gronu czytelników pewną sprawę. Od dość dawna umieszczam na blogu artykuły pokazujące jak osiągnąć różne rzeczy za pomocą HTML i stylów CSS. Czasem do tego dochodzi JavaScript. Są to typowe poradniki krok po kroku, tutoriale jak kto woli, prowadzące do efektu, który moim zdaniem jest ciekawy i warty wspomnienia.

Umieszczam też tutaj posty prezentujące teoretyczne podstawy standardów sieciowych - przykładami mogą być artykuły o centrowaniu, egzotycznych display, listach definicji, etc.

Jeśli jeszcze tego nie widać - te dwa typy artykułów / postów różnią się. W drugim przedstawiam skondensowane zasady pisania stron, czasami się mylę, ale mogą być one zasadniczo wykorzystywane do nauki.