Let's get visual!

I promise you I'm not a disco fan. (And you're over 50 if you got that joke!)

But seriously. With modern CSS – Shapes, Grid, Flexbox and columns – and Gutenberg, the pages and posts you can design in WordPress are getting more print-like all the time.

So c'mon. Let's get visual!

Transcript

1. Let’s get visual!
2. CSS-Shapes CSS-Grid
 & Flexbox Gutenberg!
3. Real art direction
 on the web with modern CSS.
4. Jen Simmons http:/ /labs.jensimmons.com Layout Land on YouTube Mozilla Developer Advocate
5. Rachel 
 Andrew Grid by Example Smashing Magazine http:/ /rachelandrew.com
7. CSS-Shapes!
8. shape-outside: ellipse;
22. 4.xx: 
 Put widgets where you want to put stuff.
23. 5.xx: 
 Put stuff
 where you want 
 to put stuff.
34. Caveats.
38. I lied about WooCommerce.
43. The Cover block and the DOM.
44. The DOM: Document 
 Object 
 Model
47. A word about type.
48. Adobe type. Included in every plan; $10/month cheapest.
50. Monotype. $10/month, fonts.com or $118/year, myfonts.com
53. racquetpress.com Mary Baum marybaum on Twitter, Github wordpress.org, SpeakerDeck