Artykuły dla tagu JavaScript

gru 03 2011
0

Wprowadzenie do rysowania na kanwach w HTML5

Ostatnimi czasy, znów jest głośno o tytułowym HTML5 oraz o konkurującej z nim w niektórych aspektach technologii Flash. Na tym poletku, szczególnie dwa wydarzenia odbiły się na korzyść naszego tytułowego bohatera.

Po pierwsze, Adobe ogłosił, ze kończy wsparcie dla mobilnej wersji Flash playera, co jednoznacznie w znaczący sposób ograniczy dostępność tej technologii na platformach mobilnych.

Drugi z faktów, na który warto zwrócić uwagę, to interaktywne Google Doodle, których ostatnimi czasy wyszukiwarkowy gigant serwuje nam całe multum. To co powinno przykuwać naszą uwagę w tym momencie, to fakt że żadne z nich nie zostało wykonane przy pomocy technologii Flash, lecz właśnie za pomocą HTMLa, CSS, JavaScript oraz kilku innych technologii im towarzyszących.

Jedną z takich technologii, która może nadszarpnąć udziały Flasha w rynku, są kanwy zawarte w specyfikacji HTML5. O tym czym one są i jak z nich korzystać, postaram się Wam wyjaśnić w dzisiejszym wpisie.

lis 23 2011
0

Obsługa zdarzeń klawiatury w jQuery

Jakiś czas temu, pisałem na temat obsługi zdarzeń w jQuery. Dziś chciałbym wrócić do tej tematyki, a konkretniej przyjrzeć się zdarzeniom związanym z obsługą klawiatury.

Obsługa klawiatury, jest stosunkowo rzadko implementowana przez programistów JavaScript/jQuery - tak przynajmniej wynika z mojej własnej obserwacji. W gruncie rzeczy, jest to jednak bardzo fajny sposób na zwiększenie usability (z ang. użyteczności) naszej strony. Na skróty klawiszowe, już dawno postawił np. Google w swoim czytniku RSS. Po ostatnich zmianach, mam wrażenie że skróty klawiszowe są nawet bardziej wyeksponowane.

Obsługa klawiatury może być również bardzo pomocna przy wszelakich formularzach.

lis 02 2011
0

Zmiana rozmiaru czcionki na stronie przez użytkownika

Kilka tygodni temu, na łamach cyklu Webmaster pisałem na temat mechanizmu localStorage, który niejako rozwija się równolegle wraz z HTML5.

Tamten wpis, był raczej stricte nastawiony na teorię. Dzisiejszy post, który również dotyka tego mechanizmu, opisze jego bardziej praktyczne zastosowanie. Obszarem manewrów, będzie oczywiście sam blog, a konkretniej przyciski umożliwiające zmianę wielkości tekstu, które od jakiegoś pół tygodnia znaleźć możecie przy każdym z tekstów.

paź 05 2011
0

Testowanie kodu za pomocą aplikacji webowej jsFiddle

Ostatnimi dniami, poszukując w pracy pewnych informacji na temat jQuery, całkiem przypadkowo natrafiłem na świetne narzędzie (właściwie to aplikacje webową), jakim jest jsFiddle. jsFiddle, pozwala na szybkie testowanie stron WWW, wykorzystujących takie technologie jak:

  • HTML
  • CSS
  • JavaScript

Przy okazji punktu związanego z naszym ulubionym językiem skryptowym warto wspomnieć, że jsFiddle wspiera wszystkie popularne frameworki (Dojo, Mootools, jQuery itd.), dzięki czemu całe narzędzie jeszcze bardziej zyskuje na znaczeniu.

wrz 28 2011
0

Personalizacja strony przy użyciu mechanizmu localStorage

Od dawien dawna, webmasterzy mogą korzystać z mechanizmu ciasteczek (Cookies) do składowania danych w przeglądarce użytkownika. Mechanizm ciasteczek jest na tyle powszechny, że można go spotkać praktycznie na każdej stronie. Dla poprawnego działania wielu witryn i skryptów jest on praktycznie niezbędny.

W ten sposób, działa np. popularny system do obsługi statystyk, czyli Google Analytics. Kiedy użytkownik wejdzie na jedną z podstron serwisu monitorowanego przez GA, to do jego przeglądarki zostanie zapisane ciasteczko. W momencie kiedy trafi na inną podstronę serwisu, ciasteczko zostanie odczytane, a skrypt będzie wiedział, czy jest to aktualna sesja danego użytkownika, czy też powraca on po dłuższym czasie nieobecności, czy też jest to może zupełnie nowy, nieznany użytkownik.

Z tego m.in. powodu, ciasteczka często posądzane są o ograniczanie naszej prywatności i szpiegostwo. Dlatego też niektórzy z użytkowników po prostu je wyłączają, co może być jednak zgubne, dla webmasterów którzy nie zawsze mają złe intencje, a ciasteczka wykorzystują do lepszej personalizacji.

Na szczęście istnieje mechanizm localStorage, o którym powiemy sobie więcej właśnie dziś.

sie 03 2011
0

Obsługa zdarzeń w jQuery

Obsługa zdarzeń, to prawdopodobnie obok selektorów jedna z najważniejszych funkcjonalności frameworka jQuery i to właśnie ona stanowi o jego sile. Obie funkcjonalności zresztą zazebiają się właśnie w obsłudze zdarzeń, ponieważ zdarzenia definiowane są dla elementów, które wcześniej pobraliśmy za pomocą mniej lub bardziej złożonych selektorów.

Co daje nam zatem obsługa zdarzeń w jQuery? Przede wszystkim:

  • Porządek w kodzie HTML (zdarzenia podpinamy w kodzie jQuery, więc wszelakie metody typu onClick, onChange w kodzie HTML stają się zbędne)
  • Łatwość wywoływania zdarzeń zwrotnych czyli. np. dla zdarzenia onMouseOver bardzo prosty możemy przypisać zdarzenie onMouseOut
  • Możliwość wiązania dynamicznego, dla elementów których jeszcze na stronie nie ma
  • Elastyczność, elastyczność i jeszcze raz elastyczność

W dalszej części wpisu postaram się opisać szerzej poszczególne punkty.

lip 20 2011
0

Google Analytics asynchronicznie

O Google Analytics słyszał zapewne każdy szanujący się webmaster. Wszak, jest to prawdopodobnie najpopularniejsze rozwiązanie, odpowiedzialne za statystyki na naszych stronach WWW - w tym oczywiście na Alt Control Delete. O zaletach Google Analytics, nie muszę chyba nikogo uświadamiać, lecz dziś chciałbym napisać o jednej wadzie tego systemu, która stosunkowo niedawna została naprawiona, czyli o synchronicznym ładowaniu skryptu, które w sposób znaczący potrafiło wstrzymywać ładowanie się strony. Jak rozwiązano ten problem w Mountain View? Oczywiście poprzez asynchroniczną wersję skryptu:)

cze 11 2011
0

System komentarzy DISQUS na Twojej stronie WWW

System komentarzy to oprócz samej treści dostarczanej przez stronę, jeden z kluczowych jej elementów, ponieważ dostarcza pewien rodzaj interakcji z naszymi czytelnikami. W przypadku mojego blogu, przez długi czas był to autorski system, który nie wymagał logowania, bądź rejestracji, ale koniecznym było podanie nazwy użytkownika, kodu captcha oraz samej treści komentarza. Patrząc na systemy komentarzy na innych stronach, udział serwisów społecznościowych oraz rozwiązań opartych na OpenId w dzisiejszym rynku, postanowiłem moje komentarza wrzucić do chmury.

Po stosunkowo, krótkiej analizie technologii dostępnych na rynku, wybór padł na system komentarzy Disqus.

O tym dlaczego warto zainteresować się tym i podobnymi systemami oraz jak w miarę bezboleśnie się do takiego systemu przenieść, postaram się opowiedzieć w dzisiejszym wpisie.

kwi 16 2011
0

Powiadomienie o zdarzeniu polubienia wpisu na Facebooku

W ubiegłym tygodniu, postanowiłem iść z duchem czasu i jeszcze bardziej zintegrować moją stronę z Facebookiem. W tym celu, przy wykorzystaniu XFBML (czyli Facebookowe API), dodałem możliwość polubienia samej strony jak i konkretnych wpisów z poziomu bloga. O tym ilu użytkowników polubiło blog, łatwo się dowiedzieć bezpośrednio z poziomu fanpage'a. Niestety nie mamy takich informacji, na temat liczby polubień, każdej z podstron. Możemy co prawda co jakiś czas wejść każdą z nich i to sprawdzić... Ale od czego mamy Facebookowe API, PHP oraz jQuery:)

kwi 10 2011
0

Nowości i funkcje HTML5, które warto poznać

Choć HTML5 oficjalnie standardem jeszcze nie jest, to jest już o nim bardzo głośno. Ostatnio między innymi za sprawą Googla, który zaprezentował 5 nowych dynamicznych szablonów napisanych w HTML5 i CSS3. Efekt naprawdę robi wrażenie:) Sam również kilkukrotnie wspominałem na temat tej technologii, omawiając przede wszystkim, sposób tworzenia podstawowej struktury strony w HTML5. Dzisiejszy wpis, również chciałbym poświęcić HTML5, a w szczególności skupić się na jego features (jak to ładnie po angielsku brzmi), które usprawniają wiele rzeczy zarówno z punktu webmastera jak i użytkownika końcowego.

1 2 3 4 5