Artykuły dla kategorii Webmastering

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 09 2011
0

Strony firmowe w Google+

W miniony poniedziałek, na Google+, w końcu pojawiło się coś, czego oczekiwało wielu fanów tej społecznościówki jak i spore grono marketingowców. Mowa tutaj oczywiście o stronach firmowych na Google+. Strona firmowa to dość szerokie pojęcie, ale generalnie swoim zasięgiem obejmuje to, co Facebookowy fanpage. Pojawiły się również dedykowane widgety, nazywane przez Google Badges (z ang. Znaczek, odznaka), które zasadniczo podobne są do Facebookowego Like-Boxa (oczywiście, cały czas można dodawać widgety dla przycisku +1).

Na razie wciąż pojawia się wiele niewiadomych oraz pytań bez odpowiedzi związanych z nową funkcjonalnością, udostępnioną przez giganta z Mountain View. Na kilka z nich postaram się odpowiedzieć w dzisiejszym wpisie, reszty pewnie dowiemy się z czasem, warto jednak zawczasu zainteresować się tematem, by nie pozostać w tyle za konkurencją. Popyt na nowe strony jest ogromny, a ich nowe możliwości w połączeniu z wyszukiwarką całkiem spore (o tym w dalszej części wpisu). Jeśli na wstępie chcecie zobaczyć jak taka stroną funkcjonuje, to zapraszam na oficjalną stronę Google+ dla Alt Control Delete.

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ź 26 2011
0

Zastosowanie metody prop do ustawienia właściwości elementu

W przypadku jQuery, należy bacznie obserwować log zmian zamieszczany przy okazji wypuszczenia kolejnych wersji frameworka, ponieważ niektóre z funkcjonalności zawartych w bibliotece głównej, zmieniają swoje znaczenie, bądź też przestają działać w kolejnych w wersjach.

Zmiana istniejących metod i funkcji, zwykle poprzedzana jest pewnym okresem przejściowym, w którym programiści mogą aktualizować bibliotekę frameworka we własnych projektach i jednocześnie korzystać ze starych i nowych funkcjonalności.

Takie posunięcie zastosowano właśnie w przypadku metody prop(), która została wprowadzona w jQuery w wersji 1.6.

paź 19 2011
0

Dobór kategorii i tagów na blogu

Jednymi z najważniejszych działań, które musimy zrealizować podczas tworzenia naszego blogu, jest określenie nawigacji oraz ustalenie sposobu kategoryzacji treści, które później umieścimy na naszej stronie. Oba te zadania, w praktyce łączą się ze sobą i sprowadzają się do zdefiniowania systemu kategorii i tagów, które wykorzystamy na naszej stronie.

Prawdopodobnie większość początkujących blogerów, zadawała sobie pytanie w jaki sposób to wszystko ułożyć. Jak nazywać kategorie? Co umieszczać w tagach? Czy mechanizmy mają się dublować, a może uzupełniać? Czy może też wykorzystać tylko jeden z nich? Kombinacji oraz zdań na temat jak to wszystko zestawić, jest pewnie tyle ilu różnych blogerów. W dzisiejszym wpisie, postaram się jednak przedstawić moją koncepcję, którą można znaleźć na Alt Control Delete oraz kilka innych popularnych rozwiązań, które można znaleźć w naszej blogosferze. Zapraszam zatem do czytania:)

paź 13 2011
0

Tworzenie własnych rozszerzeń jQuery

Wielokrotnie na łamach Alt Control Delete, pisałem na temat jQuery. Były tematy związane z selektorami, zdarzeniami, czy też wykorzystaniem dodatkowych wtyczek. Nigdy nie pojawił się jednak żaden dedykowany wpis, który opisywałby proces tworzenia wtyczki od podstaw, z różnymi związanymi z tym tematem aspektami (raz pojawił się jedynie wpis, który opisywał moją autorską wtyczkę, wykorzystywaną na tym blogu do walidacji formularzy).

Dziś chciałbym nadrobić zaległości i omówić krok po kroku cały proces tworzenia wtyczki jQuery.

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ś.

wrz 21 2011
0

Własne czcionki na stronie, dzięki CSS3

W ubiegłym tygodniu, na fanpage'u dostałem informację od jednego z użytkowników o kiepskiej jakości czcionki na blogu. Jak się później okazało, problem dotyczył w głównej mierze Windowsa XP, który nie posiada funkcji wygładzania czcionek. W gruncie rzeczy, używałem dość popularnych czcionek z rodziny Lucinda, które są dostępne na większości dostępnych obecnie OSach i często można je spotkać właśnie w sieci. Niestety, na Windowsie XP wyglądają co by tu delikatnie mówić - po prostu tragicznie. Pojawił się zatem problem.

Pierwszym rozwiązaniem, które przychodzi do głowy, jest wykorzystanie popularnych, starych i sprawdzonych czcionek - np. Ariala, Verdany, Tahomy... Niestety czcionki te, mi się już trochę znudziły (podejrzewam, że sporej grupie internautów również).

Na szczęście, znalazłem inne rozwiązanie - zastosowanie własnej, przez siebie wybranej czcionki i dostarczenie jej użytkownikom za pomocą CSS3. Efekty tej zmiany, powinny być dla Was widoczne już teraz:). Jeśli nie, to warto być może przeczyścić pamięć podręczną, lub zaktualizować przeglądarkę, jeśli jest ona starej daty:)

wrz 14 2011
0

Jak zapobiegać hotlinkowaniu?

Kiedy ostatnimi czasy, przeglądałem statystyki i logi serwera, dostrzegłem pewne niepożądane zjawisko, które zwie się hotlinkowaniem. Hotlinkowanie, polega na wykorzystaniu zasobów znajdujących się na innym serwerze na swojej stronie. Często, np. w przypadku bibliotek JavaScript, możemy to robić w sposób pełni legalny. W taki sposób rozpowszechniany jest, np. popularny framework jQuery. Jednak hotlinkowanie ma również swoje złe wcielenie i niestety można się z nim spotkać bardzo często.

Często webmasterzy, bądź też zwykli użytkownicy pożyczają sobie np. nie swoje obrazy/screeny, mimo że treść licencji na stronie źródłowej, wymaga przyzwolenia autora dla takiego procederu, bądź też w ogóle tego zabrania. Właściciel strony, na której znajduje się zasób, okradany jest wtedy podwójnie. Po pierwsze, często kradziony jest jego obrazek, tekst, skrypt, czy też inny element - bez jego zgody, a po drugie zostaje również okradziony z własnego transferu, jaki przygotował dla swoich użytkowników. Na szczęście istnieje prosty sposób, który zapobiega hotlinkowaniu:)

1 2 3 4 5 6 7 8 9