W pierwszej "prawdziwej" części kursu MooTools 1.2 zajmę się opisem podstawowej części tego frameworka czyli plików Core.js i Browser.js . Te dwa pliki stanowią podstawę reszty MooTools, pierwszy z nich zawiera implementacje podstawowych funkcji, a drugi służy do jednej z podstawowych czynności w świecie JS - detekcji przeglądarki uzytkownika.

Czytaj dalej...

JavaScript staje się powoli nieodłączną częścią stron internetowych. Jednak nie służy już do tworzenia zupełnie zbytecznych migających / latających za kursorem / drażniących oczy ozdobników, które znamy ze stron tworzonych kilka lat temu. Dziś JavaScript stał się 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 najczęściej jednym kliknięciem.

Ten sielankowy obraz psują dwie sprawy - obu z nich doświadczył każdy, kto napisał kilka/kilkanaście 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 w wydajnej wersji. Nie muszę chyba pisać, że framework MooTools doskonale spełnia te warunki.

Czytaj dalej...

Kurs MooTools 1.2

24 grudnia, 2007

Dość długo się nad tym zastanawiałem, ale ostatecznie zdecydowałem, że dosłownie za parę dni (najpóźniej zaraz po świętach) rozpocznę kurs MooTools w wersji 1.2 . Dlaczego ? Wersja beta już raczej nie będzie się drastycznie różniła od wersji stabilnej, a dzięki wcześniejszemu rozpoczęciu kursu jest duża szansa, że w momencie publikacji stabilnej wersji MooTools 1.2 czytelnicy będą dysponować już sporą wiedzą na temat tego frameworka... A wprowadzenie opisów zmian jakie zajdą na drodze beta-wydanie stabilne nie powinno stanowić większego problemu :)

Kurs tym razem przybierze inną formę niż poprzedni - będzie około 25 części, a pierwsza z nich będzie wprowadzeniem, może nie wszystkim się przyda, ale początkującym na pewno... Kolejne części będą traktować o powiązanych ze sobą częściach frameworka tak by zbudować spójny ogląd na sytuację :) Mam w planach także co najmniej kilka bardziej interaktywnych przykładów tak by każdy czytelnik mógł się pobawić MooTools w określonych sytuacjach... Nie chcę po prostu, aby kolejne części kursu były zwyczajnym prowadzeniem czytelnika za rączkę, ale także by pozwoliły mu na własną inwencję :)

Mam cichą nadzieję, że tym razem kurs powstanie szybciej niż poprzedni, chociaż materiału jest więcej :)

Ogłoszenie

08 grudnia, 2007

GavickPro w związku z rozwojem firmy poszukuje webdesignera (webmastera) z terenu Polski oraz zagranicy. Oferujemy pracę zdalną w międzynarodowym zespole, bardzo dobrze płatną.

Wymagania:

  • bardzo dobra znajmość XHTML, CSS 2.0,
  • znajomość API Joomla 1.5 (mile widziana),
  • znajomość języka angielskiego (czytanie / pisanie dokumentacji technicznej)

Ofertę wraz z portfolio (np. załącznik z napisaną aplikacją) prosimy przesłać na adres email info@gavick.com.

Koncept: menu w CSS

05 grudnia, 2007

Już dość dawno temu myślałem nad koncepcją prostego menu, które byłoby oparte jedynie na kodzie XHTML i CSS, a jednocześnie wyglądało przyzwoicie bez wspierania się dodatkową grafiką dla tła.

Efekt prac wygląda następująco:

CSS-MENU Screenshot

Żadnej grafiki - sam CSS oraz jedna lista uporządkowana i div pod nią. Całość działa w IE 6/7, Firefoksie 2, Operze >= 8.5 Safari 3.0.4 (na podanych przeglądarkach testowałem - prawdopodobnie na starszych wersjach Firefoksa, Opery i Safari też menu będzie wyglądać poprawnie. Na pewno nie wygląda dobrze na IE < 6 )

Czytaj dalej...