Perfection or Vanity

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.

Czyli Webesteem Art & Design Magazine #16. Fuuuf! Nie pytajcie jak długo na niego czekałem, po prostu zobaczcie nowy numer. Moim wkładem w dział Web Standards jest praktyczny przewodnik po designie *buzz buzz* zaokrąglonych rogów i trochę informacji o tabelach dla tych co by je chcieli divami klepać. ;)

Problem z emami w CSS jest taki, że po piątym zagnieżdżonym elemencie traci się orientację jaką wartość to teraz trzeba wstawić (zwykle na podstawie makiety projektu). Można sobie pisać komentarze z pikselami na boczku, ale i tak jest to męczące.

Napisałem więc w JavaScript aplikację do zarządzania takim drzewkiem DOM - Em Calculator 1.0 - sama liczy odpowiednie wartości em oraz zaokrągla do którego miejsca po przecinku chcemy. Można także wpisywać nazwę gałęzi i to niekoniecznie trzeba element - jeśli chcesz ustawić grubość podkreślenia w emach to proszę bardzo, zapisz to sobie. ;)

Od dłuższego czasu korzystam z tych statystyk i sprawują się świetnie. Problemem było dla mnie ładowanie się zewnętrznego pliku .js, który potrafił zablokować stronę, jeśli serwer nie odpowiadał. Rozwiązaniem doraźnym było przemieścić kod z head na dół body. Nie uważałem tego za dobre wyjście.

Całe szczęście Rafał Lindemann wpadł na rozwiązanie, które chciałem zaprezentować większemu gronu - jest o wiele bardziej przemyślane. Całość dotyczy nie tylko sposobu wklejania kodu, ale też przechwytywania danych z dynamicznych URL-i. Wracając jednak - chodzi o to, że używamy funkcji, która doda odpowiedni element <script/> do bloku <head/> po załadowaniu się strony (czy innym zdarzeniu, zależy od Twojego kodu):

Ciekawym dodatkiem do bloga jest tak zwane Asides, bądź po prostu - miniblog. Miejsce z „drugim blogiem”, gdzie zamieszcza się generalnie krótkie i mniej ważne wpisy. Linki, cytaty - co chcesz. Chodzi jednak o to, że nie rozmywasz przekazu główych wpisów bloga. Tyczy się to także kanału RSS, dlatego nie mogę zrozumieć jak można podczepiać ten dodatkowy bloczek do głównego źródła. Wordpress dysponuje odpowiednimi wtyczkami, co natomiast z Joggerem (na przykład)?

W poprzednim odcinku opisu DOM-u skupiliśmy się na sposobie odnajdywania elementów. Jest to przydatna umiejętność, umożliwiająca przechadzanie się po drzewie dokumentu i późniejsze operowanie na jego gałęziach. O wiele jednak ciekawiej będzie, gdy połączymy to z możliwością zmieniania i dodawania elementów jak i całych gałęzi. O tym dzisiaj.