Your SlideShare is downloading. ×
CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013ENQUIRIES ON THERESPONSIVE WEBFederico Weber | Cr...
| ARGOMENTI| 01 | What is the Content| 02 | Strategies & Recips| 03 | Maserati.com – case study| 04 | The road aheadmercol...
| 01What is the contentmercoledì 5 giugno 13
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013THERE WAS A TIMEWHERE WE HAD ITALL FIGURE...
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013THEN WE GOTMOBILE DEVICESTHEY COME IN A H...
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013AND THEY HAVEN’TDISRUPTED ONLY THESCREEN ...
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013NOW THECONTEXTIS MUTABLE“Context refers t...
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013C O N T E N TIS CONSUMED EVERYWHERETHEREF...
| 01Strategies & Recipesmercoledì 5 giugno 13
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013YOUR SITECONTENTIS IN NEED OF AD I E Tmer...
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013PROGRESSIVE ENHANCEMENTMINDSET IS QUITE S...
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013GRIDENJOYTHE FLUIDmercoledì 5 giugno 13
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013SET FONT-SIZEACCORDING TO THEC O N T E X ...
| 01Maserati.com – case studymercoledì 5 giugno 13
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013MASERATI.COM/HOMEPAGEmercoledì 5 giugno 13
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013MASERATI.COM/MAGAZINEmercoledì 5 giugno 13
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013MASERATI.COM/EDITORIAL-GRIDmercoledì 5 gi...
| 01The road aheadmercoledì 5 giugno 13
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013A PICTURE IS WORTHA THOUSAND WORDS<pictur...
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013DESIGN FOR THE CONTEXTLEVERAGING DEVICES ...
VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013federicoweber.com@federicoweberfederico@v...
Upcoming SlideShare
Loading in...5
×

Enquiries on the responsive web

174

Published on

While presenting a case study I discuss: approach, best practices and future desiderata; to design and develop (whit HTML5, CSS3 and javaScript) a successful website, whose informations and layouts are tailored to be properly visualized regardless of the device screen size.

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
174
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Enquiries on the responsive web"

  1. 1. CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013ENQUIRIES ON THERESPONSIVE WEBFederico Weber | Creative Technologist @ vanGoGhmercoledì 5 giugno 13
  2. 2. | ARGOMENTI| 01 | What is the Content| 02 | Strategies & Recips| 03 | Maserati.com – case study| 04 | The road aheadmercoledì 5 giugno 13
  3. 3. | 01What is the contentmercoledì 5 giugno 13
  4. 4. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013THERE WAS A TIMEWHERE WE HAD ITALL FIGURED OUTmercoledì 5 giugno 13
  5. 5. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013THEN WE GOTMOBILE DEVICESTHEY COME IN A HUGEVARIETY OF FLAVOURSmercoledì 5 giugno 13
  6. 6. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013AND THEY HAVEN’TDISRUPTED ONLY THESCREEN SIZESIZE SIZESIZE SIZE SIZE SIZESIZESIZESIZEmercoledì 5 giugno 13
  7. 7. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013NOW THECONTEXTIS MUTABLE“Context refers to the physical,digital, and social structures thatsurround the point of use.”Cennydd Bowlesmercoledì 5 giugno 13
  8. 8. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013C O N T E N TIS CONSUMED EVERYWHERETHEREFOR IT MUST BEF L E X I B L Emercoledì 5 giugno 13
  9. 9. | 01Strategies & Recipesmercoledì 5 giugno 13
  10. 10. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013YOUR SITECONTENTIS IN NEED OF AD I E Tmercoledì 5 giugno 13
  11. 11. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013PROGRESSIVE ENHANCEMENTMINDSET IS QUITE SIMPLE: JUSTTHINK FROM THE CONTENT OUTmercoledì 5 giugno 13
  12. 12. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013GRIDENJOYTHE FLUIDmercoledì 5 giugno 13
  13. 13. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013SET FONT-SIZEACCORDING TO THEC O N T E X TNOT THE SCREEN SIZEmercoledì 5 giugno 13
  14. 14. | 01Maserati.com – case studymercoledì 5 giugno 13
  15. 15. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013MASERATI.COM/HOMEPAGEmercoledì 5 giugno 13
  16. 16. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013MASERATI.COM/MAGAZINEmercoledì 5 giugno 13
  17. 17. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013MASERATI.COM/EDITORIAL-GRIDmercoledì 5 giugno 13
  18. 18. | 01The road aheadmercoledì 5 giugno 13
  19. 19. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013A PICTURE IS WORTHA THOUSAND WORDS<picture id="pictureElement"><source media="(min-width: 45em)" srcset="large-1.jpg 1x, large-2.jpg 2x"><source media="(min-width: 18em)" srcset="med-1.jpg 1x, med-2.jpg 2x"><!-- assume media all --><source srcset="small-1.jpg 1x, small-2.jpg 2x"><!-- the following are ignored --><source media=" is the message " srcset=""></picture><!-- W3C WORKING DRAFT – 26 FEBRUARY 2013 -->mercoledì 5 giugno 13
  20. 20. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013DESIGN FOR THE CONTEXTLEVERAGING DEVICES APImercoledì 5 giugno 13
  21. 21. VANGOGH CSS3 & HTML5 _ Developing cross device applications - Pisa, 31st May 2013federicoweber.com@federicoweberfederico@vangogh-creative.itmercoledì 5 giugno 13

×