Your SlideShare is downloading. ×
jQuery Mobile
jQuery Mobile
jQuery Mobile
jQuery Mobile
jQuery Mobile
jQuery Mobile
jQuery Mobile
jQuery Mobile
jQuery Mobile
jQuery Mobile
jQuery Mobile
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

jQuery Mobile

988

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
988
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Inhoud• Waarom mobiel?• Wat is een web-app?• jQuery Mobile – Features – UI Componenten – Demo’s – Inspiratie & Docs
  • 2. 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
  • 3. 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
  • 4. 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”
  • 5. jQuery Mobile - Features• Touchscreen geoptimaliseerd• Lightweight• Flexibel• HTML 5 en CSS3 ondersteuning• Thema’s• Geschikt voor alle devices en platformen
  • 6. jQuery Mobile - UI Componenten• Page templates• Dialogs• Header and footer bars• Navigation bars• Form elements• Collapsible content blocks• Lists
  • 7. 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" />
  • 8. jQuery Mobile - Demo’s
  • 9. jQuery Mobile - Inspiratie & Docs• jQuery Mobile - jquerymobile.com• Demo’s - jquerymobile.com/demos• jQuery Mobile Gallery - jqmgallery.com

×