Archiwum dla kategorii ‘Tutoriale’

painting

HTML5 Canvas, JavaScript i operacje na obrazkach

Swego czasu dostaliśmy małe zadanie, którego przedmiotem było rozeznanie się i stworzenie podstaw edytora zdjęć online, na których można by operować z poziomu JS (więc i Canvas), a następnie przesyłać je w sieci. Dzisiaj prezentujemy podstawowe elementy i kilka przykładów z rozważań nad tym projektem. JavaScript, obrazki i HTML5 Canvas Podstawowo będziemy potrzebować (wszystkie biblioteki […]

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

jQuery mobile

Nauka jQuery Mobile – dialogi, panele, listy. Podsumowanie.

Dziś dalsza nauka jQuery Mobile, a omówimy między innymi dialogi oraz listy. Nauka jQuery Mobile – dalsze kroki Na początek zajmiemy się istotnym elementem UI, jaki stanowią dialogi. Podstawowo, tak jak w innych przypadkach, bazujemy na definiowaniu atrybutów dla elementów. Na przykład: Aby zobaczyć dialogi jQuery Mobile w akcji, rozważmy nieco większy przykład: Rezultat (uruchomiony […]

jQuery mobile

Formularze w jQuery Mobile

Kontynuujemy opanowywanie jQuery Mobile poprzez realizację przykładów. Dziś zajmiemy się tematem formularzy. Formularze w jQuery Mobile Sprawa wygląda zwyczajnie. Tworzymy normalny formularz, dodajemy elementy i atrybuty HTML5. Poniższy przykład prezentuje prosty formularz elementami (input) różnego typu: Przykładowy widok na Opera Mobile Emulator: Pełny przykład dostępny tutaj. Chcąc uzyskać dany rodzaj pola, definiujemy wartość atrybuty type, […]

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

jQuery mobile

jQuery Mobile – wprowadzenie

Dziś chyba nikt nie ma wątpliwości jak ważną rolę odgrywają urządzenia mobilne. Mają coraz szersze zastosowanie, a kluczem są interfejsy graficzne. Do programistów różnych technologii należy zapewnienie, aby praca na ograniczonym sprzęcie, na małych ekranach dotykowych była jak najbardziej efektywna i wygodna. Ogromne znaczenie na tym polu mając aplikacje Web, a jednym z rozwiązań jest […]