Perfection or Vanity

Linię poziomą hr wyrzucono z obiegu, twierdząc że jest znacznikiem prezentacyjnym i może być z powodzeniem zastąpiona przez odpowiednie bloki grupujące resztę elementów na stronie. Chciałbym jednak wlać w nią trochę życia, przynajmniej zanim zostanie skreślona ze specyfikacji. Pokażę w jaki sposób można ładnie ostylować te elementy - tak aby efekt był identyczny w większości popularnych przeglądarek.

Oddzielenie warstwy prezentacyjnej do zewnętrznego arkusza stylów jest bardzo pomocne w późniejszych zmianach na stronie - edycja jednej linijki i gotowe. Jednak podczas projektowania kompleksowych stron możemy natknąć się na problem, jaki stwarzają graficzne przyciski formularzy. A nawet parę problemów, wliczając wybór elementu, zachowanie przeglądarek oraz dostępność.

W Internecie można często natknąć się na strony, które zostały złożone przy pomocy CSS-a, a ich wspólnym motywem jest stała szerokość, wycentrowanie i dwie kolumny. Z powodu niesamowitej popularności takich układów od lat, przypadkowi oglądający biorą wypełnienia kolorem kolumn za pewien standard projektowania (co nie jest niczym złym, ponadto wspomniane układy są zwykle estetyczne) i próbują zaaplikować u siebie taki efekt. Z różnym skutkiem.

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

Z okazji dzisiejszego święta życzę wszystkim lepszej władzy. Na deser tapetka, stworzona przeze mnie jakiś czas temu.

Co by 06.06.06 upłynął we właściwym mroku także na desktopie. Kto zgadnie skąd pochodzą słowa wypisane po bokach gwiazdki dostanie do posłuchania rodzimy Frontside (także dostępny na ich stronie). Hail!

A wraz z nim jeszcze prostszy i bardziej intuicyjny sposób na umieszczanie napisów na stronach WWW za pomocą dowolnie wybranej czcionki. Wszystko dzięki JavaScript i Flashowi. Jak to działa? Otóż przez JavaScript sprawdzana jest obecność pluginu - jeśli jest zainstalowany (i jest w odpowiedniej wersji) to żądane elementy (na przykład nagłówki) są podmieniane przez obiekt Flasha. Wyświetla on oryginalny tekst i skaluje go korzystając z odpowiednich reguł CSS. Tekst można zaznaczać (kopiować), zamieniać na link. Oczywiście dzięki podmianie przez JavaScript takie nagłówki są dostępne dla wyszukiwarek i czytników ekranu.