In this episode of Mercari Gears Lecture Series, Ethan Marcotte who coined the term Responsive Web Design takes us though the 10 years since then, which brought us new techniques and ways to accomplish beautiful and responsive web design, and teaches us about principles and methodology involved in bringing them into life for the coming 10 years.

Next Video: https://www.youtube.com/watch?v=TWGRUwDNqtY&list=PLgznQFGqsAWC2KJTi4KqTeh9Ny5sNwHJp&index=2

“Responsive Web Design: The Next Decade” Play list: https://www.youtube.com/playlist?list=PLgznQFGqsAWC2KJTi4KqTeh9Ny5sNwHJp
Website: https://events.mercari.com/gears-lecture/
Twitter: https://twitter.com/MercariGears

Mercari is hiring! Please click on the link to see the available positions
https://careers.mercari.com/job-categories/engineering/

# Chapter
0:00 Introduction
1:53 Now, Modern Responsive Web Design
3:05 “What happens next?”
4:14 Responsive Design’s Three Ingredients Haven’t Changed.
5:35 Fluid Grid
6:56 Flexbox – Controls the distribution of a container’s elements along an axis
10:24 CSS Grid – Allows us to lay out content in rows and columns within

# References
Responsive Web Design – A List Apart – https://alistapart.com/article/responsive-web-design/
Harvard University – https://www.harvard.edu/
Financial Times – https://www.ft.com/f
The Viewport – https://viewport.ethanmarcotte.com/
Fluid Grids – A List Apart https://alistapart.com/article/fluidgrids/
A Flexible Grid – https://alistapart.github.io/code-samples/responsive-web-design/ex/ex-site-flexible.html

# Speaker
Ethan Marcotte (@beep) / Twitter – https://twitter.com/beep

source