Archiwum dla kategorii ‘Mobile Web’

mustache-js

Mustache JS na przykładzie aplikacji Express. Część 2/2.

Witamy w II części tutoriala o Mustache JS i Express. Dziś dokończymy dzieło rozpoczęte w części I. Mustache JS i jQuery w akcji Dotąd omówiliśmy podstawy pracy z biblioteką Mustache, przygotowaliśmy dane testowe oraz serwer w node.js. Teraz pora na oprogramowanie warstwy front-end. W naszym przypadku użyjemy: Bootstrap v3.3.5 jQuery v1.11.3 jQuery Easing v1.3 plugin […]

mustache-js

Użycie Mustache JS na przykładzie aplikacji Express. Część 1/2.

Dziś stworzymy aplikację Web w oparciu o wspaniałe narzędzia – html5, Bootstrap, jQuery, Mustache JS i Express. Krok po kroku. Użyjemy także ionicons do wyświetlenia ikon. Mustache JS Nie każdy (w tym ja) przepada za systemami szablonów np. w PHP. Tutaj jednak sprawa wygląda znacznie inaczej. Mustache JS to implementacja dla języka JavaScript mini-engine szablonów […]

jQuery

Pluginy jQuery, biblioteki JavaScript, tutoriale i kody – nowa strona

Już działa! Zapraszamy na nową stronę z interesującymi zasobami. Znajdziemy tam pluginy jQuery, różne przydatne biblioteki JavaScript, tutoriale i wiele więcej. Publikujemy materiały naszym zdaniem godne uwagi, aby w jednym miejscu zarówno Web Developer jak i Web Designer mogli znaleźć rozwiązania do wykorzystania we własnych projektach. A może nawet nowe pomysły. Obok przydanych i interesujących […]

Tutorial Twitter Bootstrap

Twitter Bootstrap w pigułce

Twitter Bootstrap (TB) to framework CSS na licencji MIT, tworzony rozwijany przez programistów Twittera. Zawiera zestaw narzędzi ułatwiających tworzenie UI stron oraz aplikacji www. Bazuje głównie na gotowych rozwiązaniach HTML oraz CSS (LESS). Tutorial Twitter Bootstrap – co i jak To znakomite rozwiązanie możemy wykorzystywać do stylizacji elementów naszej strony / aplikacji, m.in. efektownych przycisków, […]

geo_navi2_earth

Geolokalizacja w HTML5

Dziś kilka słów o geolokalizacji, z którą zdarza nam się pracować podczas realizacji niektórych aplikacji WWW. HTML5 oferuje programistom (i użytkownikom) interesujące, wcześniej niespotykane możliwości, osiągalne z poziomu przeglądarek (zarówno desktopowych jak i mobilnych). Jedną z takich możliwości jest API geolokalizacji. Geolokalizacja w HTML5 Z powiązaną tematyką spotkaliśmy się już w jednym z tutoriali o […]

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