jQuery Mobile
Upcoming SlideShare
Loading in...5
×
 

jQuery Mobile

on

  • 1,255 views

 

Statistics

Views

Total Views
1,255
Views on SlideShare
1,185
Embed Views
70

Actions

Likes
0
Downloads
4
Comments
0

1 Embed 70

http://rkani.nl 70

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

jQuery Mobile jQuery Mobile Presentation Transcript

  • Inhoud• Waarom mobiel?• Wat is een web-app?• jQuery Mobile – Features – UI Componenten – Demo’s – Inspiratie & Docs
  • Waarom mobiel?• Meer dan 2 biljoen smartphones.• Zal het 1e browsing device worden (is het misschien al).• Altijd en overal beschikbaar.• In 2014 zullen er meer mobiele internet gebruikers zijn dan desktop internet
  • Wat is een web-app?“Een web app is een applicatie dat draait ineen web browser.”• Simpele applicaties• Complexe applicaties• Goedkoper• Lange levensduur• Updates direct doorvoerbaar View slide
  • jQuery MobilejQuery Mobile is een user interface framework wat gebouwd isop het zo bekende jQuery.jQuery werkt met een filosofie die ze ook op hun mobiele projecttoepassen:“The write less, Do more, Javascript Library” View slide
  • jQuery Mobile - Features• Touchscreen geoptimaliseerd• Lightweight• Flexibel• HTML 5 en CSS3 ondersteuning• Thema’s• Geschikt voor alle devices en platformen
  • jQuery Mobile - UI Componenten• Page templates• Dialogs• Header and footer bars• Navigation bars• Form elements• Collapsible content blocks• Lists
  • jQuery Mobile - Demo’s<a href="index.html" data-role="button">Link button</a><label for="basic">Text Input:</label><input type="text" name="name" id="basic" value="" /><input type="range" name="slider" id="slider" value="25" min="0" max="100" />
  • jQuery Mobile - Demo’s
  • jQuery Mobile - Inspiratie & Docs• jQuery Mobile - jquerymobile.com• Demo’s - jquerymobile.com/demos• jQuery Mobile Gallery - jqmgallery.com