addyosmani.com
Native image lazy-loading for the web!
5 min · · In this post, we'll look at the new loading attribute which brings native and lazy-loading to the web!. For the curious, here&... · Shared by 258, including Kevin Kyburz, Mathias Bynens, Yoav Ganbar (🥑 Builder.io/Qwik), lacolaco👑, pizza.lottie 🍕, Smithographic℠, David Hellmann, Design Shack, BrendanEich, Jeff Atwood, Baadier Sydow 🇿🇦, Alligator.io 🐊, Joe Lencioni, Tregg 🤘, Una 🇺🇦, Pascal Birchler, AJ Ghergich, Emerson Macedo, Aaron Gustafson, Adrian Zumbrunnen
cssgrid-generator.netlify.com
CSS Grid Generator
· Shared by 133, including Linus Basig, Marius Bleuer, Joe Lencioni, @benp sur mastodon.social, Oliver Raduner, Yoav Ganbar (🥑 Builder.io/Qwik), Brian, Samuel Hauser, Adrian🇨🇭, Nando 💪🇦🇺🇦🇷, Brad Frost, Benoist Lawniczak, Niklaus Gerber, Beni Buess, Mattia Fregola 🤔, henrik, Veerle Pieters, Zain Fathoni, Jessel Sookha
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
kooslooijesteijn.net
A guide to implementing dark modes on websites
10 min · · Don't just add a dark mode because iOS 13 supports it now. · Shared by 116, including Johannes Lenz, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Nick Floro, Design Shack, Дмитрий Кобец
medium.com
Things nobody ever taught me about CSS.
5 min · · This post is in no way a criticism of anybody I’ve ever worked with, it is only a quick list of important things I’ve learnt about CSS… · Shared by 116, including Thomas M Smith, Benoist Lawniczak, ITNEXT, Mattia Fregola 🤔, Luca Corsilli, David Hellmann, Davy De Pauw, bouiboui, masone
useanimations.com
A micro-animations library
1 min · · Animated icons in Lottie Framework and After Effects for immediate implementation to your apps or websites. · Shared by 111, including Steed Monteiro, Mohamed Azazy, Davo ⚡, Nick Butcher, Taylor Ling, Mattia Fregola 🤔, Gérard Godin, Jonas Hartmann, Stu Collett, Victor Tolosa, Una 🇺🇦, mastodon.social/@renestalder, Luca Corsilli, UX Design Weekly, Aske Behrsin, sascha aßbach
UX Collective
Design better buttons
9 min · · Everything you need to know to have this important interface element go next level. · Shared by 104, including Merkstatt@troet.cafe 📯, Brad Brooks, Ahiesh PVS, Kat, Oliver Raduner, tcherno, five5star // Design Graphique, Shawn Venasse, rohit
freeCodeCamp.org
The CSS Handbook: a handy guide to CSS for developers
· I wrote this article to help you quickly learn CSS and get familiar with the advanced CSS topics. · Shared by 95, including Miguel, Carl Morris, John Bunalski, anildash.com, Michael Musgrove, Navjeet Chabbewal
Uber
Introducing Base Web, Uber’s New Design System for Building Websites in React
4 min · · Base Web is a React component library which implements the Base design language to act as a device-agnostic foundation for easily creating web applications. · Shared by 87, including Oscar MacDonald, 📁𝐦𝐫𝐯𝐧, Stu Collett, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Baadier Sydow 🇿🇦, Vikram Dutt, Brian, Ty Smith
illustrated.dev
Illustrated.dev
· Web development, illustrated · Shared by 73, including Fabricio Teixeira, Oscar MacDonald, Victor Tolosa, Barry, Sibylle Peuker, Marius Bleuer, cody lindley, José Rodrigues, Joe Germuska, Yoav Ganbar (🥑 Builder.io/Qwik), egghead.io
CSS-Tricks
CSS Houdini Could Change the Way We Write and Manage CSS
3 min · · CSS Houdini may be the most exciting development in CSS. Houdini is comprised of a number of separate APIs, each shipping to browsers separately, and some · Shared by 68, including Ferit (at 🏠) 🌙, Rodrigo Noales, mastodon.social/@renestalder, Benoist Lawniczak
tobiasahlin.com
CSS masonry with flexbox, :nth-child(), and order
10 min · · Creating a masonry (or mosaic) layout with flexbox produces a grid with a seemingly shuffled and obscure order, but we can achieve a natural ordering by using :nth-child() and the order property · Shared by 59, including Veerle Pieters, numano, Aske Behrsin, henrik, lacolaco👑, David Hellmann, Davy De Pauw, Marius Bleuer
Smashing Magazine 🇺🇦 🏳️🌈
How To Align Things In CSS — Smashing Magazine
12+ min · · Is can be quite a challenge to align things with CSS. Rachel Andrew takes a look. · Shared by 59, including Rachel Andrew, Veerle Pieters, Davy De Pauw
trysmudford.com
Fading out siblings on hover in CSS
2 min · · Fading out siblings on hover in CSS | Trys Mudford | Frontend developer · Shared by 52, including Benoist Lawniczak, Marius Bleuer, David Hellmann, Veerle Pieters
CSS-Tricks
What Are Design Tokens?
3 min · · I’ve been hearing a lot about design tokens lately, and although I’ve never had to work on a project that’s needed them, I think they’re super interesting · Shared by 48, including Brad Frost, mastodon.social/@renestalder, Victor Tolosa, pizza.lottie 🍕
CSS-Tricks
Everything You Ever Wanted to Know About inputmode
5 min · · The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user · Shared by 47, including Stef Walter, Chris Coyier, Marius Bleuer, Benoist Lawniczak, Clemens, CSS Weekly