Space, grids, and layouts, Design from scratch, Smart Animate, Why is CSS so weird and more ...

Range: Know what’s happening on all your teams — design, eng, & product - Reinvent your standup with Range. Deep integrations with Figma & Github. Aligned with your OKRs & design sprints. Try Range today - Range  Sponsored

Space, grids, and layouts - The organization of space is key to every great design. Spatial systems, grids, and layouts provide rules that… - Elliot Dahl / filed under Design System, UI Design

Design from scratch: Trailer - A documentary about The Futur. What is it like to work as a designer at a startup business… - The Futur / filed under Product Design

Designing for top feature requests, like Smart Animate - Today, we’re introducing new prototyping features that will open the door to new transition possibilities in Figma. They’ll… - Nikolas Klein / filed under Figma

Editorial design patterns with CSS grid and named columns - By naming lines when setting up our CSS Grid layouts, we can tap into some interesting and useful… - Rachel Andrew / filed under CSS Grid Layout, HTML & CSS

Create a semantic “breakout” button to make an entire element clickable - A common design pattern is to have something like a “card” element that has to be fully clickable.… - Andy Bell / filed under HTML & CSS

Why is CSS so weird? - CSS is the design language of the web — one of three core web languages — but it… - Mozilla Hacks / filed under HTML & CSS