Introduction & Prototype
We start building a responsive layout library that makes it easy to create layouts for all screen and font sizes.
Episode 118 · Sep 14 2018
Building a Layout Library
We build a layout library that makes it easy to support a wide range of screen sizes and dynamic type. Similar to responsive design on the web, our library allows to specify different layout variants and automatically chooses the one that fits best.
8 Episodes · 3h00min
-
1.
-
2.
Spacing & Better Syntax
We add some features to our layout library — starting with horizontal and vertical spacing — along with a better syntax to define layouts.
Episode 119 · Sep 21 2018
-
3.
Refactoring for Efficiency & Upcoming Features
We refactor our code to remove duplication, improve efficiency, and enable features like flexible spacing.
Episode 120 · Sep 28 2018
-
4.
Flexible Spaces
We add flexible spaces to our layout library and show how elements can be shown or hidden depending on the available space.
Episode 121 · Oct 05 2018
-
5.
Nested Layouts
We build a feature that allows us to create more complex layouts by nesting layouts within each other.
Episode 122 · Oct 12 2018
-
6.
Margins and Backgrounds
We build upon the nested layout feature from last time to support layout margins, backgrounds, and more.
Episode 123 · Oct 19 2018
-
7.
-
8.
Building a Responsive Layout
We show how the layout library we've built over the past two months can be used to adapt to any font and screen size.
Episode 125 · Nov 02 2018