Pamiętacie jeszcze czasy, w których nie było Firebuga? Jak wtedy debugowało się skrypty Javascript? Jak sprawdzało się zawartość ciasteczek, prędkość ładowania się poszczególnych elementów, czy też przeglądało drzewo DOM? Aż włos się na głowie jeży.

Na szczęście czasy te dawno już minęły, a nas w tych wszystkich niewdzięcznych zajęciach wspomaga Firebug – niedoścignione narzędzie dla web developerów i jeden z głównych powodów, dla których Firefox jest najpopularniejszą przeglądarką. Sam Firebug oferuje szereg funkcjonalności, jednak czasami okazuje się, że przydałoby się coś jeszcze. W tym momencie na scenę wkraczają dodatki do Firebuga, których jest nie mało, i które uzupełniają braki.

Warto poznać najciekawsze z nich, powodujące że Firebug jest jeszcze bardziej pomocny w codziennej pracy. Należą do nich:

• Firecookie – dodatek pozwalający na zarządzanie ciasteczkami z poziomu Firebuga.
• FirePHP – nie lada gratka dla programistów PHP. Dodatek ten pozwala na wysyłanie komunikatów do konsoli Firebuga z poziomu PHP, co znacznie ułatwia pracę nad aplikacjami korzystającymi z AJAXa.
• Page Speed – dodatek od Google’a dostarczający szeregu informacji na temat wydajności naszej strony.
• FireQuery – obowiązkowa pozycja dla wszystkich korzystających w swoich projektach z biblioteki jQuery
• FireRainbow – kolorowanie składni w Firebugu
• Firepicker – możliwość wyboru koloru dla atrybutu CSS (np. color) z palety.

Uzbrojeni w taki zestaw narzędzi, możemy bez większych problemów przystąpić do tworzenia oraz testowania aplikacji opartych o HTML, CSS i Javascript.

W niniejszym wpisie chciałbym krótko napomnieć o ważnym i prostym, aczkolwiek często pomijanym zabezpieczeniu przed kradzieżą ciasteczek (zwłaszcza sesyjnych) od użytkownika. Dokładniej mowa tutaj o ochronie przed atakiem typu XSS (Cross-site scripting). Metodą ochrony (a raczej tylko dodatkowym utrudnieniem) jest flaga httpOnly dodawana do ciasteczek wysyłanych w nagłówkach HTTP. XSS, mówiąc najkrócej polega na wstrzykiwaniu [...]

Nie wiedzieć czemu koniec roku obfituje w wysyp pluginów do jQuery. Nie tak dawno, bo zaledwie wczoraj pisałem o Contained Sticky Scroll, a już natknąłem się na kolejny plugin, który ułatwi nam pracę. Jquery Custom Content Scroller, bo o nim mowa, wprowadza funkcjonalność scrollbara, którą można dodać do dowolnego elementu na stronie.

Plugin zależny jest od sporej ilości bibliotek – jquery-ui.min.js, jquery.easing.1.3.js, jquery.mousewheel.min.js. Autor skorzystał z nich wszystkich i stworzył fajnie działający plugin, którego wygląd można dowolnie modyfikować.

Plugin możecie pobrać ze strony autora. Autor przygotował również demo, które prezentuje jego możliwości.

Ekipa odpowiedzialna za jQuery ciężko pracuje nad kolejnymi wersjami tej najpopularniejszej biblioteki Javascript. Na horyzoncie pojawiła się wersja 1.5, która wprowadza szereg zmian do biblioteki, zwiększa jej wydajność oraz uniwersalność. Największe zmiany zajdą w komponencie $.ajax, który został przepisany od nowa i zyskał szereg nowych funkcjonalności.

Pierwsze co rzuca się w oczy, jest zmiana sygnatury, która wyglądać będzie następująco:

jQuery.ajax( [ url ] , [ options ])

Kolejną wprowadzoną zmianą jest dodanie obsługi do timeoutu oraz przerwania (abort) do każdego żądania. Co więcej, obiekt XmlHttpRequest (XHR) zostanie ukryty przed programistą i zamiast niego udostępniony zostanie jXHR (nazwa robocza) dostarczający getery i setery dla nagłówków, możliwość przerywania żądania oraz możliwość przeglądania takich danych jak viewState, responseXML oraz responseText. Wprowadzony obiekt będzie również cechował się zachowaniem znanym z Promise. Oznacza to, że będzie można dodawać callbacki success, error oraz complete do żądań, które już się zakończyły, na przykład

jQuery.getJSON( url ).error( errorCallback )

Z nowości jakie pojawią się w komponencie $.ajax nie można pominąć nowej architektury, która będzie pozwalała na tworzenie własnych typów danych (dataType) oraz własnych transportów.

Ostatnią z większych zmian jest wprowadzenie usprawnień w już istniejących funkcjonalnościach. Jako callback do metod success, complete oraz error będzie można podać tablicę funkcji.

Jeśli macie ochotę sprawdzić w praktyce opisane powyżej zmiany, możecie pobrać deweloperską wersję biblioteki (nie do użytku produkcyjnego).

źródło: blog.jquery.com

Mam dla was kolejny ciekawy plugin jQuery, znaleziony w zakamarkach Internetu. Tym razem jest to Contained Sticky Scroll, czyli coś, co doda na stronie element reagujący na przewijanie tejże strony. Co w nim takiego ciekawego? To, że przewijana treść nie opuści pojemnika, w którym się znajduje oraz to, że przewijanie można w dowolnym momencie wyłączyć. Jeśli nadal nie wiecie o co chodzi, koniecznie obejrzyjcie demo. Na stronie znajdziecie również dokumentację tego pluginu. Niestety autor nie dostarczył linka do pobrania, więc należy go wyciągnąć ze strony samemu - http://blog.echoenduring.com/wp-content/uploads/demos/echo_ContainedStickyScroll/jquery-contained-sticky-scroll.js.

Od czasu do czasu potrzebujemy użyć niestandardowych czcionek w tworzonym projekcie. Nie musimy już przy tym wykorzystywać grafiki w zastępstwie dla tekstu, jak to robiono kiedyś, powodując tym samym niepotrzebny wzrost liczby zapytań do serwera. Dzisiaj mamy biblioteki pokroju sIFR, FLIR czy cufón, a także Web Fonts. W niniejszym wpisie kilka moich przemyśleń nad poszczególnymi [...]

Dwa miesiące temu w Mozilla Labs pojawił się interesujący projekt, którego celem jest dostarczenie SDK, dzięki któremu każdy będzie mógł napisać swoją własną przeglądarkę internetową. Twórcy projektu nie zapomnieli o nim i wydali właśnie wersję 0.1.

Możliwości oferowane przez API nie są może powalające, ale i tak robią spore wrażenie, biorąc pod uwagę, że jest to HTML i Javascript. Chromeless 0.1 umożliwia:

• śledzenie procesu ładowania strony
• odbieranie informacji o certyfikacie SSL
• przełączanie się w tryb pełnoekranowy
• zapisywanie danych w profilach użytkowników

Jeśli macie ochotę napisać własną przeglądarkę, koniecznie odwiedźcie stronę projektu - http://mozillalabs.com/chromeless.