Changing The Layout Game – Chris Wright / Front-Trends 2017
Our demand for layout on the web has changed, we’ve moved from building a series of pages, to building interfaces out of libraries of components that we compose together. Our tools for creating layout in the past have been an exercise in hacks, magic numbers, and workarounds.
The tools we had weren’t designed for the challenge, but we made them work. Today, we have game changers like Grid, Columns, Flexbox, and Calc. With these powerful features we’re capable of creating beautiful, flexible layouts with much more simplified code, and build out components that can independently adapt to the space in which they exist.
In this talk, we’ll discover the possibilities these features create. We’ll explore the ResizeObserver and the first steps toward the Container Query, creating smarter components with Flexbox, managing complex layout with Grid, and using CSS Variables to help us simplify managing the layout.
http://front-trends.com
Видео Changing The Layout Game – Chris Wright / Front-Trends 2017 канала Front-Trends
The tools we had weren’t designed for the challenge, but we made them work. Today, we have game changers like Grid, Columns, Flexbox, and Calc. With these powerful features we’re capable of creating beautiful, flexible layouts with much more simplified code, and build out components that can independently adapt to the space in which they exist.
In this talk, we’ll discover the possibilities these features create. We’ll explore the ResizeObserver and the first steps toward the Container Query, creating smarter components with Flexbox, managing complex layout with Grid, and using CSS Variables to help us simplify managing the layout.
http://front-trends.com
Видео Changing The Layout Game – Chris Wright / Front-Trends 2017 канала Front-Trends
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Watch Your Back, Browser! You're Being Observed. – Stefan Judis / Front-Trends 2017](https://i.ytimg.com/vi/z18QaqGc0O8/default.jpg)
![Demystifying Deep Neural Networks – Rosie Campbell / Front-Trends 2017](https://i.ytimg.com/vi/oUT4LGnlWsE/default.jpg)
![The Chroma Zone: Engineering Color on the Web – Lea Verou / Front-Trends 2014](https://i.ytimg.com/vi/Xwx0eDJu8AI/default.jpg)
![The ROI on Front End Experimentation – Martin Ringlein / Front-Trends 2014](https://i.ytimg.com/vi/UmmwovQMHIg/default.jpg)
![Front Layout & Twisting Tumble Track & Tramp Progression](https://i.ytimg.com/vi/dMbVgodnHU0/default.jpg)
![I Didn't Know The Browser Could Do That! – Sam Bellen / 2017](https://i.ytimg.com/vi/ZrRxdzAVXts/default.jpg)
![Prevent Default — The Future of Authoring Tools – Mihai Cernusca / Front-Trends 2017](https://i.ytimg.com/vi/JCAjBXQJE0A/default.jpg)
![Building a Progressive Web App – Kirupa Chinnathambi / Front-Trends 2017](https://i.ytimg.com/vi/OWCt2mBcOrk/default.jpg)
![MAGGIE - FRONT LAYOUT - Slow Motion at 240 FPS (at All American Gymnastics, Ocean NJ)](https://i.ytimg.com/vi/vjKW0So8Emw/default.jpg)
![A Cartoon Intro to React Fiber – Lin Clark / Front-Trends 2017](https://i.ytimg.com/vi/VLAqywvHpD0/default.jpg)
![I'm in IoT – Vadim Makeev / Front-Trends 2017](https://i.ytimg.com/vi/iBUnHhEEqkE/default.jpg)
![Breaking News At 1000 ms – Patrick Hamann / Front-Trends 2014](https://i.ytimg.com/vi/j1puA62xliQ/default.jpg)
![Legends of The Ancient Web – Maciej Cegłowski / Front-Trends 2017](https://i.ytimg.com/vi/eze16sp8TNE/default.jpg)
![Alternative Reality DevTools – Konrad Dzwinel / Front-Trends 2017](https://i.ytimg.com/vi/dLRgZnNSQCM/default.jpg)
![Gymnastics How To: Front Layout Drill](https://i.ytimg.com/vi/pQzKypIt8lQ/default.jpg)
![Pure CSS 3D Solids – Ana Tudor / Front-Trends 2014](https://i.ytimg.com/vi/ytroKBCdkZg/default.jpg)
![Easy and Affordable User-Testing – Ida Aalen / Front-Trends 2017](https://i.ytimg.com/vi/ZQRZ3VbY84U/default.jpg)
![Mary Live Codes A JavaScript Game From Scratch – Mary Rose Cook / Front-Trends 2014](https://i.ytimg.com/vi/hbKN-9o5_Z0/default.jpg)
![How to Use the Resize Observer API](https://i.ytimg.com/vi/jxcoo5oM_oQ/default.jpg)
![On How Your Brain is Conspiring Against You Making Good Software – Jenna Zeigen / Front-Trends 2017](https://i.ytimg.com/vi/4IV6C6l5Sgw/default.jpg)