Talk in English - US at Midwest PHP 2019
View Slides: https://www.slideshare.net/jen4web/modern-layouts-with-css-grid-flexbox-calc-and-custom-properties
Checkout the code: https://codepen.io/jen4web/post/rwd20readinglist
Checkout the code: http://bit.ly/rwd2019
Checkout the code: https://codepen.io/jen4web/pen/oQzxar?editors=1100
Short URL: https://joind.in/talk/5e728 (QR-Code (opens in new window))
For the first time in the history of the web, CSS is graced with tools for laying out web pages without hacks. Flexbox and Grid have made a tremendous impact on the industry, providing methods for creating responsive websites with designs not previously possible. CSS Calc and CSS Custom Properties give us a first chance to use math and variables within CSS itself, without requiring compiling. Together, these four new CSS modules work together to revolutionize CSS in modern evergreen browsers. Attendees will leave with an understanding of creating custom responsive designs with the latest tools for layout, using semantically correct HTML markup and the latest CSS modules.