Revolutionize Your Page: Real Art Direction on the Web
We finally have the tools necessary to create amazing page designs on the web. Now we can art direct our layouts, leveraging the power and tradition of graphic design. In this eye-opening talk, Jen will explore concrete examples of an incredible range of new possibilities. She’ll walk through a step-by-step design process for figuring out how to create a layout as unique as your content. You’ll learn how Flexbox, Grid, Shapes, Multicolumn, Viewport Units, and more can be combined together to revolutionize how you approach the page —any page.
Resources
- Examples at labs.jensimmons.com
- Jen on Twitter at @jensimmons
- Listen to thewebahead.net, especially episodes 115, 114, 81, & 9 for more on layout
- Video of Jen’s talk, Progressing Our Layouts, on how to use new CSS now
- Video of Jen’s talk, Modern Layouts: Getting Out of Our Ruts for more ideas and more on new CSS properties
- The 2012 Paul Irish post about box-sizing:border-box;
- The CSS Shapes Editor tool by Razvan Caliman
- A blog post by Manuel Rego that gets into the implicit and explicit grid, hinting at just how complicated CSS Grid Layout is
- Round specification
- Firefox Nightly, where Grid just works
- Jen’s List of Resources of Where to Learn Layout
Presented At
-
An Event Apart San Francisco
Oct 31, 2016 to Nov 2, 2016 -
Smashing Conference
Oct 25, 2016 to Oct 26, 2016 -
CSS Dev Conf 2016
Oct 17, 2016 to Oct 19, 2016 -
An Event Apart Orlando
Oct 3, 2016 to Oct 5, 2016 -
Generate London
Sep 21, 2016 to Sep 23, 2016 -
View Source Berlin
Sep 12, 2016 to Sep 15, 2016 -
An Event Apart Chicago
Aug 29, 2016 to Aug 31, 2016 -
An Event Apart Washington DC
Jul 25, 2016 to Jul 27, 2016 -
Design & Content Conference
Jul 20, 2016 to Jul 22, 2016 -
Web Design Day
Jun 23, 2016 to Jun 24, 2016 -
CSSconf Nordic
Jun 1, 2016
-
An Event Apart Boston
May 16, 2016 to May 18, 2016 -
Respond Melbourne
Apr 11, 2016 to Apr 12, 2016 -
Respond Sydney
Apr 7, 2016 to Apr 8, 2016 -
An Event Apart Seattle
Apr 4, 2016 to Apr 6, 2016 -
An Event Apart Nashville
Mar 14, 2016 to Mar 16, 2016
Alternative Videos
CSS Nordic Conf
Design & Content Conference
SmashingConf Barcelona
Web Directions