CodePen.IO
CSS Grid: Style Guide
· Funny text from office ipsum: http://officeipsum.com/index.php What could go wrong if I were to do a style guide with 5 color palettes without any pla... · Shared by 34, including Chris Coyier, Alligator.io 🐊
CodyHouse
How to create clipped, blurred background images in CSS
2 min · · In this tutorial, we'll take a look at how to apply blur effects to images using CSS filters, and how to confine these effects to specific image areas. · Shared by 36, including numano
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
github.com
michalsnik/aos
· Animate on scroll library. Contribute to michalsnik/aos development by creating an account on GitHub. · Shared by 23, including Tibor Martini 🇺🇦 @tibor@mastodon.social, Marc Wieland, sascha aßbach
pikapkg.com
Pika | Search modern module esm packages on npm
· Search npm for fast, small, and modern web packages.Our catalog only includes packages that are built with modern ESM syntax and a package.json 'module' entrypoint. · Shared by 14, including Simone Corsi 💻🚀, Alligator.io 🐊
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
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
Smashing Magazine 🇺🇦 🏳️🌈
Digging Into The Display Property: The Two Values Of Display — Smashing Magazine
7 min · · We talk a lot about Flexbox and CSS Grid Layout, but these layout methods are essentially values of the CSS `display` property, a workhorse of a property that doesn’t get a lot of attention. Rachel… · Shared by 47, including zeldman, Veerle Pieters, Benoist Lawniczak, Alligator.io 🐊, Rodrigo Noales, Brad Frost, Rachel Andrew, Davy De Pauw
David Walsh
AI-Based Video Preview from Cloudinary
2 min · · The early days of video on the web weren’t great. We started with custom browser plugins and codecs, then moved to Flash, and eventually we found our way HTML . Once we solved the technology problem,… · Shared by 12
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
CSS-Tricks
Decaying Sites | CSS-Tricks
2 min · · Websites have a tendency to decay all by themselves. Link rot, they call it. Unpaid domain name registrations. Companies that have gone out of business. · Shared by 9
viget.com
Animation Performance 101: Browser Under the Hood
2 min · · The browser has two threads — the main thread and compositor thread. The main thread is where the bulk of the work happens, including Javascript, Recalculate Styles, Layout, and Paint. All the most… · Shared by 5
lambdatest.com
It's 2019! Let's End The Debate On Icon Fonts vs SVG Icons
20+ min · · Icon Fonts vs SVG Icons! This is a debate that shows no signs of abating and is splitting the dev community into two. Here is a detailed comparison of both. · Shared by 9
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
Smashing Magazine 🇺🇦 🏳️🌈
SVG Circle Decomposition To Paths — Smashing Magazine
13+ min · · This article will show you how to turn SVG circles into paths which you can use in animation and text paths, as well as how to turn paths into circles. Once you’ve figured out how it all works, you’ll… · Shared by 18, including Una 🇺🇦