Posty otagowane ‘przykłady’

Program control

Wielowątkowość w JavaScript i HTML5 web workers

„Skrypt nie odpowiada”, „Przerwij działanie skryptu” i tym podobne irytujące komunikaty. W końcu JavaScript idealny nigdy nie był i pewnie nie będzie. Mimo wszystko jego obecne możliwości i poziom optymalizacji imponują. Dużym krokiem naprzód w stronę większych możliwości były HTML5 Web Workers. Wiąże się to z kwestiami wielowątkowości, z której możemy korzystać w JavaScript! Popracujmy […]

video-icon

HTML5 Video. Obsługa video w HTML5 i JavaScript.

Po artykule o Audio, pora napisać o odtwarzaniu filmów poprzez HTML5 Video. Praca z HTML5 Video Element <video> specyfikacji HTML5 pozwala na odtwarzanie filmów video w przeglądarce, bez instalowania dodatkowych wtyczek. Przykład użycia: Tak samo jak w przypadku elementu audio, możemy dodać atrybut controls, aby wyświetlić podstawowe elementy UI służące do kontroli na odtwarzaniem video.

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

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

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