Your SlideShare is downloading. ×
Siti web per device multipli by Dino esposito, Francesco Esposito
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

Siti web per device multipli by Dino esposito, Francesco Esposito

235
views

Published on

Qualcuno ha detto che il web mobile è una delle tre piattaforme mobile insieme a iOS e Android. Assolutamente vero; fra due anni nessuno vorrà un sito non ottimizzato per il mobile. E questo a …

Qualcuno ha detto che il web mobile è una delle tre piattaforme mobile insieme a iOS e Android. Assolutamente vero; fra due anni nessuno vorrà un sito non ottimizzato per il mobile. E questo a prescindere dal progresso degli smartphone. Il punto chiave è la UX. Il tanto decantato Responsive Web Design è bello, ma è una soluzione per siti desktop; per siti mobile ci vogliono altre strade e non si può prescindere da una seria analisi server-side del device. In questa sessione, vediamo un sito ASP.NET che usa il framework WURFL per creare pagine multi-device a fronte dello stesso codice.

Published in: Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
235
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
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. Siti web per device multipliDino EspositoFrancesco EspositoCrionet http://www.e-tennis.net
  • 2. Mobile and the web99% web sites aren’t optimized for mobile99% of the above believe they can fix any sitejust with a bit of smart CSS99% of the above (plus 99% of designers) areconcerned about adapting mobile sites toiPhone
  • 3. Capabilities of CSSWhat can you reallyachieve with CSS?
  • 4. Your take?Just rendering on mobilevs.Adapting for mobile
  • 5. Choice or decisionIs it simply a matter ofchoice?Is it rather a matter ofdecision?
  • 6. Basics of a mobile strategy“Lowest Common Denominator” approach Get a mobile site first Look at native apps as a way to improve
  • 7. Mobile what?
  • 8. Devices. Devices. Devices. PC is a device. Tablet is a device. Smartphone is a device. TV is a device. Raspberry PI is a device. :
  • 9. First-aid option: Responsive web designOne-site-fits-allGrid based layoutProportional sizesDynamic imagesVisual breakpointsCSS media queries (size & orientation)
  • 10. Second-pass option: Responsive web codingOne-site-serves-allMultiple views (instead of CSS)Specific use-cases & workflowsChances of real optimization (bandwidth)Server-side UA sniffingServer-side feature detection
  • 11. DEMOCSS media queries
  • 12. http://www.easycourt.net/contosoENCourtesy of e-tennis.netUser: federer | Pswd: fede123
  • 13. DEMOWURFL & ASP.NET
  • 14. The bottom lineMobile UX is now obsolete.Device UX is the new frontier. Responsive web design Server-side WURFL RESS (a mix of the two)