The peculiar magic of flexbox and auto margins

In front-end development, there are often times when I know that I don’t know something. I might know enough to know what CSS to search for, but I have absolutely no idea how to use it or what the right syntax is…. Source: https://css-tricks.com/the-peculiar-magic-of-flexbox-and-auto-margins/

Performant Redux Selectors with Reselect

In Redux a selector is a piece of logic that gets a specific piece of state from the store. Additionally, a selector can compute data from a given state, allowing the store to keep only basic raw data. Selectors are usually used as part of the binding between the store and the container components…. Source: […]

Understanding the CSS Grid Layout Module

Throughout this series we’ve become familiar with Grid syntax, learned about some efficient ways of laying out elements on a page, and said goodbye to some…… Source: https://webdesign.tutsplus.com/series/understanding-the-css-grid-layout-module–cms-1079

CSS Grid Level 2: Here Comes Subgrid

Upgrade your inbox and get our editors’ picks twice a month. CSS Grid Level 2 is already in the process of being specified, and the main feature of this level of the spec is to bring us subgrid. In this article, Rachel Andrew explains the new features…. Source: https://www.smashingmagazine.com/2018/07/css-grid-2/

Designing for 4-sided viewports with CSS Grid

Design your web layouts to respond to all four edges of the screen — top, left, right, and bottom. Jen Simmons shows you how using CSS Grid rows defined in a combination of fr units, minmax(), max-content, and auto, so content moves around and makes for beautiful graphic design at every viewport s… Source: https://www.youtube.com/watch?v=EEOJZy_Gge4