Posty otagowane ‘tutorial’

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 […]

i_phone_icon

Nauka jQuery Mobile – UI, przyciski, ikony, efekty przejść

Dziś kolejny tutorial i dalsza nauka jQuery Mobile poprzez realizację przykładów. Nauka jQuery Mobile Zaczniemy od przycisków (buttons) i ikon. Najbardziej podstawowy przykład poniżej: Stworzyliśmy przycisk, nadaliśmy klasę CSS. W poprzednim artykule była mowa o stronach (pages) i przechodzeniu między nimi. Przechodzenie inicjowane było po kliknięciu w link. Teraz stworzymy przykład rozbudowany o przyciski. Przykład […]

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 […]

OK, good

Upload plików w JavaScript

Dziś rzecz o tym, jak wykonać upload plików w JavaScript. OK, z małą pomocą innych technologii. Chodzi jednak o jedną, spójną, efektowną i działającą całość. Upload plików w JavaScript Podstawowy upload plików można wykonać w prosty sposób, wystarczy element HTML (input) typu field w formularzu oraz kilka linijek kodu PHP do obsługi. Użycie JavaScript po […]

jQuery zClip

Kopiowanie do schowka w JavaScript – jQuery zClip

Dziś szybki tutorial na temat kopiowania do schowka w JavaScript. Czasami podczas pracy nad aplikacją WWW może pojawić się wymaganie, aby możliwe było skopiowanie danych do schowka programowo z poziomu JavaScript, po zajściu jakiegoś zdarzenia. Kopiowanie do schowka w JavaScript Chciałbym pisać możliwie dużo o jQuery, gdyż jest to mój ulubiony framework JavaScript. Kopiowanie do […]

Tooltip

Tutorial jQuery: własne Tooltip’y

Dziś polecam tutorial jQuery, który pokazuje jak stworzyć Tooltip’y, i to zaledwie w 4 prostych krokach. Tutorial jQuery – tworzymy własne Tooltip’y Źródła do pobrania: tutaj. Krok 1 – projekt Tworzymy nowy projekt (np. w Aptana) lub po prostu strukturę jak poniżej: Krok 2 – wygląd Tworzymy podstawowy wygląd. Zakładamy że elementem Tooltip’a będzie span. […]

Adobe AIR

Tutorial Adobe AIR: aplikacja do backupu plików na serwer.

Swego czasu postanowiłem napisać prostą aplikację to szybkiego tworzenia kopii zapasowych plików, i umieszczania ich na moim serwerze. Program ten stworzyłem w Adobe AIR plus zaplecze w PHP. W tym tutorialu opiszę proces powstawania tej aplikacji. Tutorial Adobe AIR – tworzenie aplikacji Przeczytamy tutaj m.in. o Drag&Drop, komunikacji z serwerem i obsłudze plików w Adobe […]