Artykuły dla tagu jQuery

picjumbo.com
mar 07 2014
0

Nie jesteś skazany na jQuery! Poznaj nowy, lepszy JavaScript

Gdy blisko 5 lat temu zacząłem używać jQuery w jednym z moich projektów w pracy, poczułem jakbym dostał mannę z nieba. W moje rączki trafiła bowiem biblioteka, która rozwiązywała większość problemów z kompatybilnością JavaScriptu, a także w wymierny sposób skracała tworzony kod - jednym słowem rewelacja!

Internet się jednak zmienia i dziś JavaScript wygląda już zupełnie inaczej. Jest to język bardziej dojrzały, który zyskał nowe możliwości oraz przede wszystkim lepsze wsparcie w przeglądarkach. Odsetek starych - złych IE jest już naprawdę niski i wielu przypadkach można porzucić wsparcie dla tych aplikacji, co też uczyniło nawet samo jQuery w linii 2.x. Czas w końcu ruszyć do przodu!

Niestety wielu programistów wciąż żyje w złotych czasach jQuery i wykorzystuje tą bibliotekę do najprostszych nawet czynności. Czas skończyć z tym podejściem, przyszła najwyższa pora by zaprezentować światu nowy, lepszy JavaScript!

flickr.com/photos/dmitry-baranovskiy/2378867408
sty 31 2014
0

Dublowanie biblioteki jQuery

Jeśli ktoś z Was, zadałby mi szybkie pytanie: Z czym kojarzy mi się jQuery?, to z pewnością odpowiedziałbym, że ze znakiem dolara, który jest używany w wielu konstrukcjach stosowanych przez tą bibliotekę. Dla mnie osobiście jest to jeden z bardziej charakterystycznych i rozpoznawalnych elementów tego rozwiązania. Oczywiście inne biblioteki również zdążyły się z nim zaprzyjaźnić (Prototype, YUI itp.), ale mimo wszystko odnoszę wrażenie, że to właśnie jQuery najbardziej wypromowało dolara.

Zastosowanie takiej jedno-znakowej konstrukcji ma sporo zalet. Przede wszystkim możemy pisać szybciej kod, który dzięki krótkiemu wyrażeniu zajmuje również mniej miejsca na naszym dysku twardym. Niestety takie podejście bywa również bardzo problematyczne, ponieważ trzeba uważać na kod innych bibliotek, które chcielibyśmy dołączyć do naszej strony - zarówno tych które również korzystają z dolara i tych, które wraz ze sobą przynoszą własną kopię jQuery... W ostatnim czasie sam boleśnie się o tym przekonałem...

flickr.com/photos/shellewill79
kwi 11 2013
0

Jak szybko, prosto i bezpłatnie dodać do strony monit o ciasteczkach

22 marca bieżącego roku weszły w życie nowe regulacje w prawie telekomunikacyjnym wymuszone przez niezastąpioną w tego typu sprawach Unię Europejską. Od teraz właściciele stron internetowych, w których są wykorzystywane ciasteczka śledzące zachowania użytkownika, powinni o nich wcześniej poinformować. W praktyce dotyczy to większości stron, które możecie znaleźć w polskim Internecie, ponieważ takie ciacha wstawia np. bardzo popularny Google Analytics.

Dużym problemem jest fakt, że wciąż wiele stron tych ostrzeżeń nie posiada. Abstrahując od ich sensowności - prawo jest prawem i głupio byłoby dostać karę za brak ostrzeżenia o czymś tak prozaicznym jak ciasteczka. Problem, a tym samym potencjalne źródło zysku zwietrzyły już niektóre podmioty i tak np. dziś widziałem już reklamę firmy, która za jedyne 49 zł udostępnia skrypt monitu o ciasteczkach. Za kolejne 50 zł jest go nawet w stanie wspaniałomyślnie zainstalować na Waszej witrynie - czysta okazja;-)

Na szczęście monit o ciasteczkach można mieć za darmo, a za oszczędzoną gotówkę z pewnością trochę uciechy;-)

flickr.com/photos/themonnie
kwi 04 2013
0

Tworzenie animacji w CSS3

Internet się zmienia. Przez zmiany nie mam na myśli tylko warstwy którą widzi klient, ale przede wszystkim tej, którą tworzą webmasterzy. Jeszcze kilka lat temu trudno było sobie wyobrazić dobrą stronę bez Flasha i grafiki zrobionej w Photoshopie. Dziś coraz częściej technologie od Adobe idą w kąt, a nowoczesne layouty tworzone są w czystym HTML5 oraz CSS3 i powstają bez użycia jakiejkolwiek dodatkowej grafiki.

Idąc dalej spójrzmy na cienie na stronach. Zawsze spoglądałem na nie z zazdrością, bo wyglądają z reguły efektownie, ale niestety osobiście nie zostałem obdarzony talentem graficznym, ani dostateczną ilością gotówki by wywalać ją na Photoshopa w ramach zachcianki. Dziś nie mam już takiego problemu, wystarczy box-shadow w CSS i sprawa załatwiona.

Podobna rewolucja ma obecnie miejsce w temacie animacji, które wcześniej na stronach pojawiały się za sprawą ociężałego Flasha, albo bardzo archaicznego już dziś GIFa. Kilka lat temu mechanizmy te w dużej mierze zastąpiono animacjami napisanymi w jQuery. Świat pędzi jednak do przodu i przyszłością w tym temacie jest CSS3!

sxc.hu
lut 17 2013
0

Wykrywanie właściwości zamiast wersji przeglądarki

Nie tak dawno swoją premierę miała biblioteka jQuery w wersji 1.9. Przyniosła ona wiele zmian i jednocześnie przybliżyła się do trendów panujących obecnie w sieci. Do niedawna twórcy stron internetowych musieli zwracać uwagę na wersję przeglądarki. Webmasterom szczególnie we znaki zawsze dawała się przeglądarka Internet Explorer. Obecnie sytuacja uległa zmianie.

Internet Explorer zaczął gonić konkurencję, a szybko zmieniające się standardy oraz wersję przeglądarek wymusiły zmianę reguł gry. Obecnie sprawdza się więc fakt, czy aplikacja obsługuje określone właściwości czy też nie. W związku z tym z dobrze znanego jQuery usunięto funkcję $.browser, a popularność zaczęły zdobywać biblioteki pokroju Modernizr, które pozwalają na wykrywanie wskazanych właściwości.

O tym jak to wszystko działa w praktyce, postaram się powiedzieć więcej w dzisiejszym wpisie.

gru 16 2012
0

Jak szybciej i efektywniej pisać kod w jQuery

Kiedy pierwszy raz na poważnie skorzystałem z jQuery w mojej pracy, przeżyłem mały szok. Był on głównie spowodowany faktem, że około 100 liniowy kod wykorzystywany do utworzenia pewnej struktury DOM, udało się skrócić praktycznie do kilku linijek. Szok był tym większy, że dzięki tej bibliotece właściwie mogłem zapomnieć o problemach kompatybilności JavaScriptu z różnymi przeglądarkami.

Dziś jedna z moich aplikacji webowych tworzonych w pracy, ma blisko 10 tys. linii kodu jQuery. Boję się myśleć ile by to było, gdyby w tym miejscu znalazł się klasyczny JavaScript. Strach również pomyśleć o dziesiątkach godzin, które w tym przypadku musiałbym spędzić na debugowaniu kodu dla Internet Explorera 6... (uroki pisania kodu, który ma działać w pewnej dużej krajowej korporacji).

Choć z jQuery nie zawsze jest lekko (w tym miejscu pozdrowienia dla twórców za ich nie zawsze do końca przemyślane zmiany), to w tej chwili nie wyobrażam sobie pracy bez tej biblioteki - myślę, że w tym miejscu nie jestem sam;)

Pisałem, że jQuery skraca kod i jest to najprawdziwsza prawda, ale w tym miejscu dzieje się też pewna magia. Tak naprawdę, tam odrobinę głębiej wciąż siedzi stary, dobry JS. Nieumiejętne użycie naszej ulubionej biblioteczki, może zdrowo obciążyć zasoby i łącza naszych użytkowników. Warto wiedzieć, że wiele rzeczy tutaj można zrobić szybciej, lepiej i efektywniej niż się to z pozoru wydaje;)

O tym co mam na myśli, postaram się opowiedzieć więcej w dalszej części wpisu.

lis 11 2012
0

5 stron w sieci, które przydadzą się każdemu webmasterowi

Jednym z ważniejszych aspektów pracy w IT, jest możliwość swobodnego ponownego użycia wielu dostępnych komponentów, grafik, zasobów, a czasem nawet całych stron internetowych (oczywiście z poszanowaniem licencji). Pomyślcie tylko jak wyglądałby dziś blogosfera w sytuacji gdybyśmy nie mieli WordPressa? Na świecie byłoby kilkadziesiąt milionów blogów mniej (z pewnością byłoby też mniej spamu bo pozycjonerzy nie mieli by co stawiać na swoich zapleczach...;)).

W wielu obszarach informatyki (szczególnie tych dotyczących oprogramowania) dominuje przekonanie, że jeśli już ktoś coś zrobił i można z tego skorzystać, to po co wykładać ogromne środki finansowe na stworzenie czegoś nowego, co będzie musiało jeszcze zostać przetestowane, sprawdzone i z pewnością wiele razy poprawione. Sam niejednokrotnie korzystam z tej niepisanej reguły i np. podczas tworzenia stron, czy oprogramowania, wyszykuje w sieci gotowe grafiki, ikony, biblioteczki kodu, czy czasem po prostu inspiracje.

Jest w sieci kilka takich miejsc, do których szczególnie często zaglądam i dziś postanowiłem się nimi z Wami podzielić. Mam nadzieję, że każdy z Was znajdzie choć przynajmniej jedną nową witrynę dla siebie, w tym stosunkowo krótkim zestawieniu;)

paź 14 2012
0

Jak tworzyć zaawansowane wtyczki w jQuery

Dokładnie rok temu i dzień, popełniłem wpis mówiący o tym jak stworzyć prostą wtyczkę jQuery. W poście tym opisałem w miarę dokładnie (tak przynajmniej mi się wydaje) podstawowe aspekty związane z procesem tworzenia własnych rozszerzeń. Przez kolejny rok, dalej jednak pracowałem zawodowo jako developer i ścierałem się również z jQuery oraz koniecznością tworzenia wtyczek właśnie w tej technologii. Przez ten okres czasu, pojawiło się kilka problematycznych kwestii związanych z aspektem projektowania skalowalnych rozszerzeń.

W dzisiejszym poście chciałbym się nimi z Wami podzielić oraz zaproponować potencjalne rozwiązania nurtujących problemów.

mar 18 2012
0

Tworzenie efektownych kreatorów formularzy w jQuery

Dzisiejszy Internet praktycznie w niczym nie przypomina pierwszych witryn internetowych stworzonych na początku lat 90-siątych przez Tima Tima Bernesa Lee oraz jego współpracowników. Tak naprawdę, to obecnym stronom bliżej właściwie do klasycznych aplikacji desktopowych, aniżeli do tego co kiedyś ukrywało się pod terminem strona WWW. O skali ich obecnego zaawansowania niech świadczy choćby fakt, że już niedługo na stronach WWW (dzięki technologii Flash) będzie możliwe zagranie w gry oparte na bardzo potężnym silniku graficznym Unreal Engine 3.

Jeśli wspomnimy jeszcze o coraz szerszym wykorzystaniu chmur obliczeniowych, to szybko zdamy sobie sprawę, że niedługo do większości operacji realizowanych przez przeciętnego użytkownika wystarczy przeglądarka internetowa (na co z pewnością ma nadzieje choćby Google, promujący swoje Chromebooki).

Wróćmy jednak do tematu, ponieważ dziś chciałem Wam pokazać rozwiązanie, które przy wykorzystaniu HTMLa oraz jQuery pozwoli na stworzenie interaktywnych kreatorów formularzy, które można wykorzystać choćby w skrypcie rejestracji użytkowników. Zapraszam do dalszej lektury:-)

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.

1 2 3