Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Siti web per device multipli by Dino esposito, Francesco Esposito

588 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 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
  • Be the first to comment

  • Be the first to like this

Siti web per device multipli by Dino esposito, Francesco Esposito

  1. 1. Siti web per device multipliDino EspositoFrancesco EspositoCrionet http://www.e-tennis.net
  2. 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. 3. Capabilities of CSSWhat can you reallyachieve with CSS?
  4. 4. Your take?Just rendering on mobilevs.Adapting for mobile
  5. 5. Choice or decisionIs it simply a matter ofchoice?Is it rather a matter ofdecision?
  6. 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. 7. Mobile what?
  8. 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. 9. First-aid option: Responsive web designOne-site-fits-allGrid based layoutProportional sizesDynamic imagesVisual breakpointsCSS media queries (size & orientation)
  10. 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. 11. DEMOCSS media queries
  12. 12. http://www.easycourt.net/contosoENCourtesy of e-tennis.netUser: federer | Pswd: fede123
  13. 13. DEMOWURFL & ASP.NET
  14. 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)

×