SlideShare a Scribd company logo
1 of 48
Download to read offline
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 1/48
Se Gutenberg fosse nato oggiSe Gutenberg fosse nato oggi
Giulia Talamonti
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 2/48
Chi sono e cosa faccio?Chi sono e cosa faccio?
Mi chiamo Giulia o anche @giucot_
Front End Developer in Credimi
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 3/48
Perchè ho scomodato Gutenberg?Perchè ho scomodato Gutenberg?
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 4/48
Caratteri, simboli, componenti &Caratteri, simboli, componenti &
layoutlayout
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 5/48
Web design e il suo spirito delWeb design e il suo spirito del
passatopassato
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 6/48
Nessun rimpianto. NessunNessun rimpianto. Nessun
Layout.Layout.
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 7/48
La famigerata tableLa famigerata table
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 8/48
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 9/48
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 10/48
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 11/48
Griglia vieni a noi!Griglia vieni a noi!
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 12/48
Holy GrailHoly Grail
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 13/48
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 14/48
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 15/48
Mobile EraMobile Era
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 16/48
Responsive Web DesignResponsive Web Design
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 17/48
“We're not designing layouts.“We're not designing layouts.
We're downloading them.”We're downloading them.”
Jen Simmons - Designer Advocate Mozilla
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 18/48
Layout del presenteLayout del presente
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 19/48
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 20/48
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 21/48
Quando è stata l'ultima volta cheQuando è stata l'ultima volta che
vi siete fatti stupire dal web?vi siete fatti stupire dal web?
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 22/48
“One of the principles of design is“One of the principles of design is
a deep connection between forma deep connection between form
and content”and content”
Boris Müller
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 23/48
CSS GridCSS Grid
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 24/48
Content ne abbiamo?Content ne abbiamo?
minmax()
fit-content()
max-content & min-content
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 25/48
Un layout d'ispirazione editorialeUn layout d'ispirazione editoriale
Heading
Contacts
List Items
List Items
Menu
Content-2
Content-1
Content-3
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 26/48
Modular GridModular Grid
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 27/48
Rows fisseRows fisse
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 28/48
0:00 / 0:06
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 29/48
fit­content()fit­content()
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 30/48
0:00 / 0:07
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 31/48
minmax()minmax()
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 32/48
0:00 / 0:07
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 33/48
0:00 / 0:14
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 34/48
Editorial Layouts, Floats, and CSSEditorial Layouts, Floats, and CSS
GridGrid
Rob Weychert
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 35/48
Grid & FloatGrid & Float
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 36/48
wrap­flow: both;wrap­flow: both;
0:00 / 0:07
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 37/48
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 38/48
E se volessimo stampare il web?E se volessimo stampare il web?
Stylesheet di stampa
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 39/48
Non soloNon solo
schermi perschermi per
@media@media
screen
print
speech
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 40/48
Dal web alla paginaDal web alla pagina
@page
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 41/48
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 42/48
StrutturaStruttura
Page Content
Margin Area
Paper
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 43/48
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 44/48
Testing print style sheetTesting print style sheet
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 45/48
eBookeBook
...in effetti è un website
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 46/48
ePub formatePub format
HTML 5 & CSS 2.1
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 47/48
"The most dangerous thought you"The most dangerous thought you
can have as a creative person is tocan have as a creative person is to
think you know what you'rethink you know what you're
doing."doing."
Richard Hamming, The Art of Doing Science
and Engineering
30/11/2018 Se Gutenberg fosse nato oggi
http://localhost:8000/ 48/48
Quindi cosa farebbe GutenbergQuindi cosa farebbe Gutenberg
oggi?oggi?
...non lo so è lui il genio!

More Related Content

More from Codemotion

Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...
Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...
Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...Codemotion
 
Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...
Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...
Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...Codemotion
 
Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...
Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...
Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...Codemotion
 
Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...
Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...
Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...Codemotion
 
Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019
Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019
Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019Codemotion
 
Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019
Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019
Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019Codemotion
 
Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019
Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019
Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019Codemotion
 
James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...
James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...
James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...Codemotion
 
Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...
Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...
Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...Codemotion
 
Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019
Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019
Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019Codemotion
 
Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019
Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019
Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019Codemotion
 
Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019
Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019
Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019Codemotion
 
Mike Kotsur - What can philosophy teach us about programming - Codemotion Ams...
Mike Kotsur - What can philosophy teach us about programming - Codemotion Ams...Mike Kotsur - What can philosophy teach us about programming - Codemotion Ams...
Mike Kotsur - What can philosophy teach us about programming - Codemotion Ams...Codemotion
 
Mete Atamel - Serverless with Knative - Codemotion Amsterdam 2019
Mete Atamel - Serverless with Knative - Codemotion Amsterdam 2019Mete Atamel - Serverless with Knative - Codemotion Amsterdam 2019
Mete Atamel - Serverless with Knative - Codemotion Amsterdam 2019Codemotion
 
Rahul Shetty - Corporate relocation prediction - Codemotion Amsterdam 2019
Rahul Shetty - Corporate relocation prediction - Codemotion Amsterdam 2019Rahul Shetty - Corporate relocation prediction - Codemotion Amsterdam 2019
Rahul Shetty - Corporate relocation prediction - Codemotion Amsterdam 2019Codemotion
 
Mario Viviani - Designing apps for fire TV - Codemotion Amsterdam 2019
Mario Viviani - Designing apps for fire TV - Codemotion Amsterdam 2019Mario Viviani - Designing apps for fire TV - Codemotion Amsterdam 2019
Mario Viviani - Designing apps for fire TV - Codemotion Amsterdam 2019Codemotion
 
Ilona Demidenko - Conversational Sign Up - Codemotion Amsterdam 2019
Ilona Demidenko - Conversational Sign Up - Codemotion Amsterdam 2019Ilona Demidenko - Conversational Sign Up - Codemotion Amsterdam 2019
Ilona Demidenko - Conversational Sign Up - Codemotion Amsterdam 2019Codemotion
 
Katie Koschland - Ready, steady, crash - Codemotion Amsterdam 2019
Katie Koschland - Ready, steady, crash - Codemotion Amsterdam 2019Katie Koschland - Ready, steady, crash - Codemotion Amsterdam 2019
Katie Koschland - Ready, steady, crash - Codemotion Amsterdam 2019Codemotion
 
Matteo Antony Mistretta - React, the Inglorious way - Codemotion Amsterdam 2019
Matteo Antony Mistretta - React, the Inglorious way - Codemotion Amsterdam 2019Matteo Antony Mistretta - React, the Inglorious way - Codemotion Amsterdam 2019
Matteo Antony Mistretta - React, the Inglorious way - Codemotion Amsterdam 2019Codemotion
 
Andreea Marin - Our journey into Cassandra performance optimisation -
Andreea Marin - Our journey into Cassandra performance optimisation -Andreea Marin - Our journey into Cassandra performance optimisation -
Andreea Marin - Our journey into Cassandra performance optimisation -Codemotion
 

More from Codemotion (20)

Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...
Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...
Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...
 
Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...
Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...
Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...
 
Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...
Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...
Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...
 
Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...
Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...
Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...
 
Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019
Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019
Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019
 
Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019
Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019
Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019
 
Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019
Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019
Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019
 
James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...
James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...
James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...
 
Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...
Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...
Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...
 
Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019
Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019
Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019
 
Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019
Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019
Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019
 
Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019
Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019
Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019
 
Mike Kotsur - What can philosophy teach us about programming - Codemotion Ams...
Mike Kotsur - What can philosophy teach us about programming - Codemotion Ams...Mike Kotsur - What can philosophy teach us about programming - Codemotion Ams...
Mike Kotsur - What can philosophy teach us about programming - Codemotion Ams...
 
Mete Atamel - Serverless with Knative - Codemotion Amsterdam 2019
Mete Atamel - Serverless with Knative - Codemotion Amsterdam 2019Mete Atamel - Serverless with Knative - Codemotion Amsterdam 2019
Mete Atamel - Serverless with Knative - Codemotion Amsterdam 2019
 
Rahul Shetty - Corporate relocation prediction - Codemotion Amsterdam 2019
Rahul Shetty - Corporate relocation prediction - Codemotion Amsterdam 2019Rahul Shetty - Corporate relocation prediction - Codemotion Amsterdam 2019
Rahul Shetty - Corporate relocation prediction - Codemotion Amsterdam 2019
 
Mario Viviani - Designing apps for fire TV - Codemotion Amsterdam 2019
Mario Viviani - Designing apps for fire TV - Codemotion Amsterdam 2019Mario Viviani - Designing apps for fire TV - Codemotion Amsterdam 2019
Mario Viviani - Designing apps for fire TV - Codemotion Amsterdam 2019
 
Ilona Demidenko - Conversational Sign Up - Codemotion Amsterdam 2019
Ilona Demidenko - Conversational Sign Up - Codemotion Amsterdam 2019Ilona Demidenko - Conversational Sign Up - Codemotion Amsterdam 2019
Ilona Demidenko - Conversational Sign Up - Codemotion Amsterdam 2019
 
Katie Koschland - Ready, steady, crash - Codemotion Amsterdam 2019
Katie Koschland - Ready, steady, crash - Codemotion Amsterdam 2019Katie Koschland - Ready, steady, crash - Codemotion Amsterdam 2019
Katie Koschland - Ready, steady, crash - Codemotion Amsterdam 2019
 
Matteo Antony Mistretta - React, the Inglorious way - Codemotion Amsterdam 2019
Matteo Antony Mistretta - React, the Inglorious way - Codemotion Amsterdam 2019Matteo Antony Mistretta - React, the Inglorious way - Codemotion Amsterdam 2019
Matteo Antony Mistretta - React, the Inglorious way - Codemotion Amsterdam 2019
 
Andreea Marin - Our journey into Cassandra performance optimisation -
Andreea Marin - Our journey into Cassandra performance optimisation -Andreea Marin - Our journey into Cassandra performance optimisation -
Andreea Marin - Our journey into Cassandra performance optimisation -
 

Giulia Talamonti - Se Gutenberg fosse nato oggi - Codemotion Milan 2018

  • 1. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 1/48 Se Gutenberg fosse nato oggiSe Gutenberg fosse nato oggi Giulia Talamonti
  • 2. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 2/48 Chi sono e cosa faccio?Chi sono e cosa faccio? Mi chiamo Giulia o anche @giucot_ Front End Developer in Credimi
  • 3. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 3/48 Perchè ho scomodato Gutenberg?Perchè ho scomodato Gutenberg?
  • 4. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 4/48 Caratteri, simboli, componenti &Caratteri, simboli, componenti & layoutlayout
  • 5. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 5/48 Web design e il suo spirito delWeb design e il suo spirito del passatopassato
  • 6. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 6/48 Nessun rimpianto. NessunNessun rimpianto. Nessun Layout.Layout.
  • 7. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 7/48 La famigerata tableLa famigerata table
  • 8. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 8/48
  • 9. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 9/48
  • 10. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 10/48
  • 11. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 11/48 Griglia vieni a noi!Griglia vieni a noi!
  • 12. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 12/48 Holy GrailHoly Grail
  • 13. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 13/48
  • 14. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 14/48
  • 15. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 15/48 Mobile EraMobile Era
  • 16. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 16/48 Responsive Web DesignResponsive Web Design
  • 17. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 17/48 “We're not designing layouts.“We're not designing layouts. We're downloading them.”We're downloading them.” Jen Simmons - Designer Advocate Mozilla
  • 18. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 18/48 Layout del presenteLayout del presente
  • 19. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 19/48
  • 20. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 20/48
  • 21. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 21/48 Quando è stata l'ultima volta cheQuando è stata l'ultima volta che vi siete fatti stupire dal web?vi siete fatti stupire dal web?
  • 22. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 22/48 “One of the principles of design is“One of the principles of design is a deep connection between forma deep connection between form and content”and content” Boris Müller
  • 23. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 23/48 CSS GridCSS Grid
  • 24. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 24/48 Content ne abbiamo?Content ne abbiamo? minmax() fit-content() max-content & min-content
  • 25. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 25/48 Un layout d'ispirazione editorialeUn layout d'ispirazione editoriale Heading Contacts List Items List Items Menu Content-2 Content-1 Content-3
  • 26. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 26/48 Modular GridModular Grid
  • 27. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 27/48 Rows fisseRows fisse
  • 28. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 28/48 0:00 / 0:06
  • 29. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 29/48 fit­content()fit­content()
  • 30. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 30/48 0:00 / 0:07
  • 31. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 31/48 minmax()minmax()
  • 32. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 32/48 0:00 / 0:07
  • 33. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 33/48 0:00 / 0:14
  • 34. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 34/48 Editorial Layouts, Floats, and CSSEditorial Layouts, Floats, and CSS GridGrid Rob Weychert
  • 35. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 35/48 Grid & FloatGrid & Float
  • 36. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 36/48 wrap­flow: both;wrap­flow: both; 0:00 / 0:07
  • 37. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 37/48
  • 38. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 38/48 E se volessimo stampare il web?E se volessimo stampare il web? Stylesheet di stampa
  • 39. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 39/48 Non soloNon solo schermi perschermi per @media@media screen print speech
  • 40. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 40/48 Dal web alla paginaDal web alla pagina @page
  • 41. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 41/48
  • 42. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 42/48 StrutturaStruttura Page Content Margin Area Paper
  • 43. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 43/48
  • 44. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 44/48 Testing print style sheetTesting print style sheet
  • 45. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 45/48 eBookeBook ...in effetti è un website
  • 46. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 46/48 ePub formatePub format HTML 5 & CSS 2.1
  • 47. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 47/48 "The most dangerous thought you"The most dangerous thought you can have as a creative person is tocan have as a creative person is to think you know what you'rethink you know what you're doing."doing." Richard Hamming, The Art of Doing Science and Engineering
  • 48. 30/11/2018 Se Gutenberg fosse nato oggi http://localhost:8000/ 48/48 Quindi cosa farebbe GutenbergQuindi cosa farebbe Gutenberg oggi?oggi? ...non lo so è lui il genio!