Kurs MooTools 1.2 Tomasz Dziuda

Logo MooTools

JavaScript staje się powoli nieodłączną częścią stron internetowych. Jednak nie służy już do tworzenia zupełnie zbytecznych ozdobników, które znamy ze stron tworzonych kilka lat temu. Dziś JavaScript stał się pełnoprawnym językiem programowania i metodą na ułatwienie i umilenie życia internautom. Jego użycie pozwala zaoszczędzić mnóstwo czasu, transferu i miejsca na stronie, bo możemy dzięki skryptom upchać na małym obszarze mnóstwo treści dostępnej jednym kliknięciem.

Ten sielankowy obraz psują dwie sprawy – obu z nich doświadczył każdy, kto poważniej zabrał się za pisanie skryptów JS. Pierwszy problem to brak standaryzacji JavaScript – wiele rzeczy inaczej obsługuje się w IE, a inaczej w alternatywnych przeglądarkach. Pewnych rzeczy IE w ogóle nie obsługuje i trzeba stosować różne „udziwnienia” w kodzie. Zatem często zdarza się, że musimy pisać kod JS dla IE i reszty przeglądarek.

Druga sprawa to powtarzalność problemów do realizacji – z reguły na różnych stronach powtarza się motyw zwijania/rozwijania jakiegoś elementu, menu itd. I dlatego właśnie warto stosować frameworki JS. Dobry framework to taki, który pozwala skrócić czas pisania kodu dzięki wbudowanej obsłudze różnych przeglądarek oraz gotowymi rozwiązaniami najczęstszych problemów. Nie muszę chyba pisać, że framework MooTools doskonale spełnia te warunki. Czytaj dalej »

Czytaj więcej:
Artykuły » JavaScript
Tagi:
,

Globalny reset domyślnych stylów CSS przeglądarki Grzegorz Wójcik

Plik reset.css z pakietu Yahoo! UI Library

Pożegnałeś się z tabelami. Chcąc iść z duchem czasu zacząłeś projektować layouty stron w całości za pomocą arkuszy stylów CSS. Weryfikujesz efekty swojej pracy z wykorzystaniem kilku popularnych przeglądarek i szybko dochodzisz do wniosku, że Twoja strona nie wygląda identycznie w każdej z nich – nie wiadomo skąd w przeglądarce X pojawiają się tajemnicze marginesy i dopełnienia, zmienia się krój i rozmiar czcionki, dziwnie zachowują się listy wypunktowane czy formularze…

Prawdopodobnie winę za takie różnice w renderowaniu ponoszą domyślne style CSS narzucane przez każdą przeglądarkę wszystkim HTML-owym elementom i fakt, iż nie dokonałeś neutralizacji tych stylów. Czytaj dalej »

Czytaj więcej:
Artykuły » CSS
Tagi:
,