Posty otagowane ‘jQuery’

building

Tutorial web storage – aplikacje przechowujące dane lokalnie

Dziś zaprezentujemy tutorial o tworzeniu prostej aplikacji web, która przechowuje dane w localStorage. Będzie on mogła zapisywać i przechowywać ustawienia dotyczące swojego wyglądu. Przejdźmy zatem do dzieła. Tutorial web storage 1. Zacznijmy od dodania biblioteki jQuery oraz prostych stylów CSS dla elementów UI: 2. Stwórzmy prosty formularz w sekcji body: Teraz możemy przejść do programowania […]

file4

Odczyt pliku w JavaScript i HTML5

Z tym zagadnieniem spotykałem się właściwie od lat. Jednak dopiero bardziej nowoczesne rozwiązania pozwalają podejść do tego zagadnienia w sensowny sposób, niezwiązany z jedną konkretną przeglądarką. Odczyt pliku w JavaScript i HTML5 Wśród najprostszych sposobów można wymienić wczytywanie zawartości pliku via AJAX; w przypadku jQuery można użyć metody get(): Przykład on-line: http://dominik-w.pl/tester_file_read.html Należy pamiętać o […]

chart-logo

Wykresy w JavaScript i HTML5

Podczas pracy przy różnych projektach, czasami zachodzi potrzeba wyświetlania danych w postaci wykresów. Dzisiaj pokazanie wykresu w przeglądarce nie jest większym problemem. Możemy sami opracować rozwiązanie, jak i skorzystać z gotowych i przetestowanych. Tworzymy wykresy w JavaScript i HTML5 Zróbmy więc mały przegląd godnych uwagi rozwiązań. jqPlot Jest dość prostym w użyciu pluginem o dużych […]

html5-tutorial-canvas-image-hot-points_128

Tutorial HTML5: zdjęcie na Canvas z klikalnymi elementami

Rezultatem pracy nad dzisiejszym przykładem będzie efekt, który może być przydatny w wielu projektach z różnych branż. Chodzi o efekt będący swego rodzaju komentarzem do danego punktu na zdjęciu. Możemy w tym miejscu zaprogramować określoną akcję np. pokazanie szczegółowych informacji. Tutorial HTML5 – klikalne punkty na zdjęciu Trzeba mieć na uwadze, że konfiguracja klikalnych punktów […]

jQuery

Tutorial jQuery: efektowne, rozsuwane menu poziome

W dzisiejszym tutorialu stworzymy proste menu poziome z obrazkami i animacją. Tutorial jQuery – rozsuwane menu poziome Całość wykonamy w kilku prostych krokach. 1. Potrzebne pliki Potrzebne nam będą: – pliki css/style.css oraz js/menu_funcs.js na definicje naszych stylów i kodu JavaScript do obsługi menu – 5 (lub więcej jeśli chcemy szersze menu) obrazków; w naszym […]

jQuery

Tworzenie pluginów jQuery – własne rozszerzenia w praktyce

Dziś kontynuacja tematu tworzenia rozszerzeń (pluginów) dla frameworka jQuery. Zajmiemy się aspektem praktycznym. Tworzenie pluginów jQuery – dalsze kroki Development pluginu może odbywać się według wzorca jak poniżej. Definiujemy poszczególne elementy, takie jak funkcje opcje: Ale dość już teoretyzowania, przejdźmy do konkretów! Zobaczmy i przeanalizujmy pełny przykład naszego prostego pluginu jQuery. Przykład – nasz własny […]

learning

Tworzenie pluginów jQuery – wprowadzenie

jQuery to bardzo popularny framework. Korzystając z niego, bardzo często korzystamy także z pluginów, których jest naprawdę sporo. I można powiedzieć że stanowią one jedną z najsilniejszych cech tej biblioteki. Tutorial: tworzenie pluginów jQuery Dobrym pomysłem zatem jest opanowanie sztuki tworzenia pluginów jQuery, czym się teraz zajmiemy. Plugin jest eleganckim i praktycznym rozwiązaniem do implementacji […]

jquery_mobile_app_tutorial_berlin_sml

Tutorial jQuery Mobile: aplikacja z Google Maps

Dziś mały tutorial z praktycznym przykładem pokazującym jak korzystać z map Google w aplikacji jQuery Mobile. Tutorial jQuery Mobile – praca z Google Maps Tworzymy zatem naszą aplikację, a zaczniemy od dołączenia potrzebnych plików. Oprócz jQuery i jQuery Mobile, potrzebujemy dołączyć skrypt z kodem JavaScript, w którym zaimplementujemy naszą obsługę map. Ponadto potrzebujemy skryptów Google […]

lol

Prima aprilis w JavaScript

Mamy JavaScript, mamy dziś także Prima aprilis, czyli dobrą okazję, aby oderwać się na chwilę od codziennego kodu i odrobinę rozerwać (wiem, wiem, kod JavaScript potrafi czasem sam w sobie dać sporo rozrywki). Prima aprilis w JavaScript Dziś do debugowania kodu dżiawa-skriypt używam wyłącznie legendarnej już „konstrukcji”: Ale przede wszystkim – implementacja na dziś: Tak […]

jQuery mobile

Tutorial jQuery Mobile – strony, role, przejścia i inne elementy podstawowe

Po wprowadzeniu do wspaniałej biblioteki jQuery Mobile, postaram się stworzyć małe samouczki zawierające kluczowe informacje potrzebne do pracy z tym rozwiązaniem. Tutorial jQuery Mobile Napiszemy małą, przykładową stronę w oparciu o HTML5 i jQuery Mobile, omawiając przy okazji elementy. Role czyli data-role=”xyz” Dzięki atrybutom HTML5 możemy zdefiniować role, jakie odgrywają poszczególne elementy. Jest to także […]