Smashing Magazine 🇺🇦 🏳️🌈
3D CSS Flippy Snaps With React And GreenSock — Smashing Magazine
11+ min · · One of Jhey’s main mantras is to make learning fun. In this article, he shows you ways to level up your skills by bringing your ideas to life, and not forgetting that [you can be playful with… · Shared by 13, including CSS Weekly
CSS-Tricks
The CSS-in-React Landscape
5 min · · I only half-jokingly refer to the CSS-in-JS world as CSS-in-React. Many of the libraries listed below theoretically work in non-React situations — they · Shared by 16
areknawo.com
All CSS units compared & explained!
8 min · · Nowadays CSS has many features and values to describe. Let's explore the best way to express those - CSS units! 🚀 #WebDev #CSS #WebDevelopment #Frontend #Programming #Dev #Code
CSS-Tricks
Responsive Grid Magazine Layout in Just 20 Lines of CSS
14+ min · · I was recently working on a modern take of the blogroll. The idea was to offer readers a selection of latest posts from those blogs in a magazine-style · Shared by 216, including Marius Bleuer, Veerle Pieters, Brad Brooks, Jacob du Toit, Benoist Lawniczak, CSS Weekly, rohit
Smashing Magazine 🇺🇦 🏳️🌈
Understanding CSS Grid: Creating A Grid Container — Smashing Magazine
11+ min · · In a new series, Rachel Andrew breaks down the CSS Grid Layout specification. This time, we take a detailed look at what happens when you create a grid container and the various properties that can be… · Shared by 30, including Evan (he/him), Veerle Pieters, Val Head
ishadeed.com
Min and Max Width/Height in CSS
13+ min · · Oftentimes, we want to limit the width of an element relative to its parent, and at the same time, to make it dynamic. So having a base width or height with the ability to make it extend based on the… · Shared by 31, including Veerle Pieters, 6clicks | John Robert-Nicoud, Benoist Lawniczak, Davy De Pauw, Chris Heilmann codepo8@toot.cafe
browserdefaultstyles.com
Browser Default Styles
· Search against any element for standardized and default styles from all major rendering engines (WebKit, Blink, Gecko, Trident). · Shared by 80, including Oliver Raduner, Wes Bos, Oscar MacDonald, Adrian Roselli (no blue check) 🗯, Chris Heilmann codepo8@toot.cafe, #MuskOut (not parody)
designsystemsrepo.com
Design Systems Repo
15+ min · · An organized and frequently updated collection of Design System examples, resources, tools, articles and videos. · Shared by 182, including Matt, Oscar MacDonald, Hugo Corbucci, Marius Bleuer, Scott Williams, Davy De Pauw, Boris Périsset, Kontour Design Studio, Atul Pradhananga, Mike Ivars, Hannah Milan, Matthias Lampe, Yoav Ganbar (🥑 Builder.io/Qwik), René Clausen Nielsen, Adham Dannaway, John Hues, Swizec Teller writing a book on software rewrites, Thomas Kaul
Smashing Magazine 🇺🇦 🏳️🌈
Editorial Design Patterns With CSS Grid And Named Columns — Smashing Magazine
8 min · · By naming lines when setting up our CSS Grid layouts, we can tap into some interesting and useful features of Grid — features that become even more powerful when we introduce subgrids. · Shared by 38, including Benoist Lawniczak, Veerle Pieters, Val Head, Chris Heilmann codepo8@toot.cafe, Rachel Andrew
Prototypr 👁️✨
This Ain’t Disney: A practical guide to CSS transitions and animations
9 min · · Oh, animation… we want to get it right so badly, don’t we? I mean, does anybody really enjoys a stiff, snappy UI? Can anyone admit they’re… · Shared by 44, including Davy De Pauw, David Hellmann
Creative Bloq
5 things you never knew about CSS
4 min · · Discover great CSS hacks shared at Generate NY. · Shared by 21, including Michael Musgrove
Smashing Magazine 🇺🇦 🏳️🌈
CSS Lists, Markers, And Counters — Smashing Magazine
9 min · · There is more to styling lists in CSS than you might think. In this article, Rachel starts by looking at lists in CSS, and moving onto some interesting features defined in the CSS Lists specification… · Shared by 46, including Davy De Pauw, Alligator.io 🐊, zeldman, Matthew Turland, Benoist Lawniczak, George M 🇪🇺, Rachel Andrew, Michael Musgrove
awwwards.
How to create the best colour palette for your product’s UI
4 min · · Did you know that it only takes 90 seconds for a user to make a judgement about a digital product? Interestingly for us as designers, most of this judgement is based... · Shared by 17, including Luca Corsilli
mxb.dev
The CSS Mindset
5 min · · CSS can be difficult to grasp if you think about it in terms of a "traditional" programming language. There is a certain mindset involved that helps to understand why it works the way it does. · Shared by 132, including Design Shack, Alligator.io 🐊, Benoist Lawniczak, Stef Walter, henrik, Florian Hanke 🍎, Karl Schwaier, Sara Soueidan
medium.com
CSS Architecture — Folders & Files Structure
7 min · · CSS Architecture — Part 2 · Shared by 8, including henrik