layout
Posts
Links
Jen Simmons | Labs
5 Basic Examples of how CSS Grid Works
16-05-2017
24-05-2017Beautiful animations using Android ConstraintLayout
The Same Layout Everyone Is Doing | Jen Simmons Labs
IS THIS YOUR WEBSITE
19-02-2018Relearn CSS layout: Every Layout
If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.Employing algorithmic layout design means doing away with @media breakpoints, “magic numbers”, and other hacks, to create context-independent layout components. Your future design systems will be more consistent, terser in code, and more malleable in the hands of your users and their devices.
14-06-2019How to Use a Windows PC Keyboard on Mac by Remapping Command & Option Keys
This trick works the same with all Windows and PC keyboard with the standard CTRL / Windows / ALT key layout, and all versions of Mac OS:
31-07-2019CSS Tutorial: Create Diagonal Layouts Like It's 2020
TL/DR: Diagonal layouts are great. You can build them easily with CSS. Take a look at this CodePen to see how it works.
16-04-2020