CodyHouse
Why we prefer CSS Custom Properties to SASS variables
7 min · · Some practical examples of how CSS variables can power-up your workflow · Shared by 58, including 6clicks | John Robert-Nicoud, Clemens, Thomas Kaul
andy-bell.design
Create a responsive grid layout with no media queries, using CSS Grid
4 min · · Embracing the flexible nature of the web gives us powerful, resilient front-ends, where instead of using specific sizes, we give elements sensible boundaries and let them auto-fill where possible. I… · Shared by 39, including Niklaus Gerber, Benoist Lawniczak, numano
css-irl.info
Part 1: Understanding implicit tracks
8 min · · When observing people getting to grips with CSS Grid, I’ve noticed a few issues that catch people out more often than others, or present… · Shared by 27, including Alligator.io 🐊, Claus Heller 🇺🇦, Rodrigo Noales
quirksmode.org
if statements and for loops in CSS
3 min · · I am likely going to write a “CSS for JavaScripters” book, and therefore I need to figure out how to explain CSS to JavaScripters. This series of article smippets are a sort of try-out — pre-drafts… · Shared by 6
CSS-Tricks
The Many Ways to Change an SVG Fill on Hover (and When to Use Them)
6 min · · SVG is a great format for icons. Vector formats look crisp and razor sharp, no matter the size or device — and we get tons of design control when using · Shared by 51, including David Hellmann, Charles Baldwin, sascha aßbach, Tableless, Benoist Lawniczak
joshwcomeau.com
Folding the DOM
6 min · · In my day-to-day life as a front-end developer, I generally treat CSS as a collection of 2D layers. Other than reordering them using z-index, I don't often move things in 3D space.And yet, for years… · Shared by 38, including bouiboui, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Alligator.io 🐊, Nando 💪🇦🇺🇦🇷, Fabricio Teixeira
betterwebtype.com
The State of Fluid Web Typography
12+ min · · Fluid typography gives us so many opportunities to better design the reading experiences on the web but, at the same time, it introduces problems of font sizes scaling uncontrollably and potential… · Shared by 87, including 6clicks | John Robert-Nicoud, David Hellmann, Benoist Lawniczak, Brad Brooks, Rodrigo Noales, Veerle Pieters, sascha aßbach, Fabricio Teixeira
chenhuijing.com
Understanding grid placement through building a HTML periodical table
10 min · · I’ve been using CSS grid to build layouts for quite a while now, and all my designs to date involved... · Shared by 26
alligator.io
Getting 60fps Animations in React
3 min · · Some tips and tricks for React.js developers to create smooth, fast and fluid 60fps animations. · Shared by 8, including Alligator.io 🐊
cathydutton.co.uk
Stepping away from Sass
4 min · · User Experience Designer · Shared by 40, including Mohamed Azazy, 6clicks | John Robert-Nicoud, bouiboui, Benoist Lawniczak, Tableless, Chris Schultz✌️ & ❤️
Smashing Magazine 🇺🇦 🏳️🌈
Art Direction For The Web Using CSS Shapes — Smashing Magazine
10 min · · Last year, Rachel Andrew wrote “[Take A New Look At CSS Shapes](https://www.smashingmagazine.com/2018/09/css-shapes/)” where she reintroduced readers to the basics of using CSS Shapes. In this new… · Shared by 32, including Oscar MacDonald, Veerle Pieters, Benoist Lawniczak, Joe Lencioni, Davy De Pauw