Perfection or Vanity

Generowana zawartość w Firefoksie nie jest dobrze obsługiwana. Dodanego w ten sposób tekstu albo obrazków nie sposób zaznaczyć, znaleźć w DOM ani wypozycjonować. Społeczność webdeveloperów od dawna wśród swoich zachcianek wymienia jej poprawną implementację, za przykład której podaje się Operę.

Możliwe, że w następnym Firefoksie i Gecko 1.9 będzie lepiej - tymczasem już dziś możemy cieszyć się wolną od poważnych błędów generowaną zawartością - napisałem skrypt w XBL pozwalający uwolnić się od ograniczeń Firefoksa. Dodanie go do strony jest naprawdę proste, a działanie proste i szybkie.

Podczas projektowania strony często zdarza się tak, że niektóre jej fragmenty powtarzają się niezmiennie w paru dokumentach. Jeśli cenimy swój czas i przewidujemy możliwość edycji, nie chcemy kopiować HTML-a do każdego z nich. Najlepiej wtedy wczytać dane z pliku i wstawić je do poszczególnego dokumentu.

Można to zrobić korzystając z paru metod. Na początek warto rozgraniczyć dołączane dokumenty na dwa typy - pełne strony oraz ich wycinki. Zaletą pierwszych jest możliwość wyświetlenia poza dokumentem-matką - posiadają DOCTYPE, własne style, pliki JS i tak dalej. Zaletą drugich jest prostota w zainkludowaniu. Po prostu wklejamy zawartość pliku w jakimś miejscu.

Wyobraźmy sobie, że budujemy listę odnośników (dajmy na to menu), której wypunktowania są obrazkami. Po najechaniu myszką na link obrazek zmienia się na inny, dodając interaktywności stronie.

Pokazanie obrazka tła w CSS dla stanu :hover występuje z opóźnieniem, ponieważ przeglądarka nie ściąga tych, które nie są używane. Co przekłada się na zniknięcie jakiejkolwiek ikonki. Wygląda to według mnie nieprofesjonalnie. Co więcej - istnieje kilka sposobów, aby podobnego zachowania uniknąć.

Używając systemu na pewno mieliście okazję tak zmniejszyć okno, że część etykietek tekstowych w środku została przycięta. Pojawia się wtedy zgrabnie wielokropek wskazując, że dalej jest coś napisane. Nie sposób zliczyć miejsc, w których działa takie proste udogodnienie - występuje praktycznie wszędzie.

Naszło mnie niedawno na przyswojenie sobie podstawowych informacji o XForms. Tyle się o tym teraz mówi, nowoczesne przeglądarki wymieniają wsparcie dla tej technologii w changelogach swoich najnowszych wersji, należałoby więc nadrobić i conieco poczytać. Specyfikacja jest za trudna jak na początek, więc rozpocząłem szukanie. Znalazłem jedynie materiały angielskie:

• Posty z blogów otagowane jako XForms
• XForms Basics - przyjemny artykuł z podstawami.
• What Are XForms - art na xml.com.
• XForms Essentials - ebook streszczający większość tego co wypada widzieć o XForms. Nie za lekki, ale bardzo dobry.

Przyznam szczerze, że ebook i parę artykułów później wreszcie zrozumiałem ideę kryjącą się za XForms i naciski jego zwolenników na producentów oprogramowania.

Wiele osób raportuje mi, że używanie Ajaxa do rozwijania zajawki wpisu na Operze 8.5x i późniejsze klikanie w zielony przycisk kometowania ją wywala. Jestem tego świadomy, ale nie wiem jak to naprawić. Problemem nie jest Script.aculo.us, tylko xmlHttpRequest. Zgłosiłem problem na forum Opery i jak na razie wygląda to na błąd programu, który do tego został naprawiony w najnowszej wersji - 9 - norweskiej przeglądarki.

PS: Bardzo proszę nie pisać non stop o tym w komentarzach - jakaś dziwna moda się wytworzyła, że jeśli mamy coś do przekazania autorowi bloga, to nie chce się nam ruszyć tyłka i zagadać na Jabbera / wysłać maila. Musimy zostawić swój komentarz i klniemy jak jest usunięty. Na forach internetowych to się nazywa offtopik - tylko, że tam nikt się nie dziwi, że jest usuwany.