Perfection or Vanity

Expressions są rozszerzeniem Internet Explorera, dzięki któremu można wykonywać skrypty JS na zbiorze elementów. Ich działanie porównuje się do funkcji z Excela - gdy zawartość komórek się zmieni, formuła zwróci nowe dane. Microsoft zachwalał je jako przyjazne skryptowanie stron dla webmasterów, ale ja chciałym przybliżyć ich składnię i możliwości.

Teoretycznie można je dodawać do dokumentu zarówno w JS i CSS, ale tylko ten drugi sposób jest warty opisania. Tak bowiem aplikuję bardziej skomplikowane haki z poziomu arkusza stylów IE, kiedy wszystko inne zawodzi. Musimy jednak uważać na to co i jak robimy, bo expressions są w stanie łatwo zawiesić przeglądarkę.

Pół roku przyszło nam czekać na nowe wydanie Art & Design ¹. W tym numerze zapraszam do przeczytania mojego artykułu o przezroczystości na WWW. Kompleksowego - mam nadzieję - poradnika o tym jak używać przezroczystych obrazków i jak uporać się z problemami pod IE (główny powód dla którego projektanci omijają ten temat).

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

Powyżej znajduje się link do kopii bardzo przyjemnej animacji stworzonej przez Vinay'a Kumara. Przypomina dobrze wszystkim koderom CSS czemu kontynuują swoją pracę oraz naświetla tabelkowym poganom nową wiarę i pomaga przy pojęciu decyzji co do konwersji. ;)

Mappet jest moim narzędziem pozwalającym na bardzo proste tworzenie map obrazków w CSS. Powstał przy użyciu wspaniałej biblioteki jQuery, której się przy okazji trochę poduczyłem na tym projekcie.

Często stosowanym układem layoutu jest menu o stałej szerokości dostawione z jednej strony układu, tak aby druga kolumna dopasowywała się płynnie do pozostałej szerokości.

Standardowe rozwiązanie jest proste - umieścić w HTML menu (#sidebar) nad treścią (#content), ustawić szerokość oraz float - a temu drugiemu margines równy szerokości menu.