document.styleSheets, czyli bezpośredni dostęp do stylów z JS

Dostęp do stylów elementów poprzez JavaScript nikogo nie dziwi - w końcu sam DOM daje nam możliwości edytowania stylów dla poszczególnych elementów poprzez obiekt style. Dodatkowo metody takie jak getComputedStyle pozwalają nam na dostęp do aktualnych, "obliczonych" wartości przypisanych do elementów. Po co w takim razie bezpośredni dostęp do arkuszy stylów?

Przegląd 5 edytorów online dla JavaScriptu

Głównym środowiskiem uruchomieniowym dla JavaScriptu jest przeglądarka internetowa. Samo kodowanie może odbywać się przykładowo poprzez konsolę Firebuga, więc nic nie stoi na przeszkodzie, aby stworzyć swój własny edytor online, który będzie umożliwiał podświetlanie, uruchomienie oraz testowanie kodu JavaScript bezpośrednio na stronie internetowej. Oto przegląd moim zdaniem najciekawszych narzędzi tego typu.

Porównanie 8 bibliotek do generowania wykresów w przeglądarce

Poprzedni post dotyczący Google Maps odnosił się do pobierania danych o wysokościach punktów na mapie - na końcu krótko wspomniałem o metodach prezentacji. Dzisiaj skupimy się właśnie na metodach prezentacji danych - czyli wykresach, ale tylko tych, które możemy wygenerować z poziomu przeglądarki (czyli JavaScript lub ew. zdalne usługi jak Google Charts).

jQuery PhotoShoot - efekt robienia zdjęć na jQuery

Całkiem nie dawno zaprezentowano ciekawy plugin do framework'u jQuery umożliwiający tworzenie efektu robienia zdjęć - a dokładnie widoku wizjera na tle rozmazanego obrazka. Przykład dołączony do rozszerzenia pokazuje także, w jaki sposób przygotować "podgląd" zrobionych zdjęć.

Easing w jQuery na szybko

Wykorzystując framework jQuery oraz plugin jQuery Easing istnieje możliwość szybkiego zaimplementowania nieliniowej zmiany dowolnego parametru/właściwości/zmiennej w zależności od czasu. Dostępnych algorytmów jest sporo - przegląd jest dostępny na stronie jQuery Easing. Wykorzystując ten plugin jesteśmy w stanie dodawać ciekawe efekty do zachowania parametrów elementów na stronie. Poniżej zostanie omówiony przykład zmiany szerokości narysowanej linii na Google Maps'ach. 

ScrollBar w JavaScript-cie z wykorzystaniem JQuery UI Slidera

Zrobienie swojego ładnie ostylowanego scrollbara, który będzie przesuwał część lub całą naszą stronę nie jest zbyt wymagającym zdaniem, zwłaszcza, że istnieje już mnóstwo gotowych skryptów. Jednak jak się ostatnio przekonałem, większość skryptów ma licencje do wykorzystywania do celów prywatnych, a jeśli nie to może się zdarzyć, że nie obsługują np. dynamicznej zmiany zawartości. Wówczas pozostaje zbudować scrollbar samemu... Jeżeli jednak korzystamy z frameworku JQuery to mamy możliwość wykorzystania gotowego komponentu z grupy JQuery UI - Slider.