Codrops
SVG Filters 101 | Codrops
· Shared by 36, including Lea Verou, zeldman, Sara Soueidan, Tableless, Mohamed Azazy
svg-path-visualizer.netlify.app
SVG Path Visualizer 📐
· Enter an SVG path data (the string inside the d attribute) to visualize it and discover all its different commandsOr explore some examplesLineTriangleQuadCurveZigZagArcSmoothHeartBanana · Shared by 33, including Stef Walter, Chris Heilmann codepo8@toot.cafe, Chris Coyier, Zain Fathoni, Oscar MacDonald, Marius Bleuer
babeljs.io
Babel · The compiler for writing next generation JavaScript
· The compiler for writing next generation JavaScript · Shared by 38, including danabramov.bsky.social, Kent C. Dodds 🌌, Henrik Joreteg, Jake Archibald, Devon Govett, Axel Rauschmayer (INACTIVE), Nando 💪🇦🇺🇦🇷, Icefox, Max Stoiber
gridjs.io
Grid.js - Advanced table plugin
· Grid.js is a lightweight, advanced table plugin that works everywhere · Shared by 53, including Angel Romero, Brian, sascha aßbach, Stephen C Sanders, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Simone Corsi 💻🚀, Jessel Sookha
Drupal
Coding standards
2 min · · The Drupal Coding Standards apply to code within Drupal and its contributed modules.
Harry Roberts
The Fastest Google Fonts
15+ min · · Google Fonts is fast. Now it’s faster. Much faster. · Shared by 242, including David Hellmann, 6clicks | John Robert-Nicoud, Kevin Kyburz, Craig Mod, Davy De Pauw, sascha aßbach, Beni Buess, Paul Irish, mastodon.social/@renestalder, Niklaus Gerber, Tibor Martini 🇺🇦 @tibor@mastodon.social, Dion Almaer, Jens D. Peter, Tomas Vestenicky, Chris {he, they} , Chris Heilmann codepo8@toot.cafe
Google for Developers
Performant Parallaxing | Web | Google Developers
· With a little mathematical wriggling, it's possible to have parallax effects that play nicely with browser architectures! · Shared by 97, including Oscar MacDonald, Diego Paladino, Jon Thompson, Scott Williams, Davo ⚡, Samuel Hauser, Davy De Pauw, Sascha Eggenberger, Marc Wieland, Tibor Martini 🇺🇦 @tibor@mastodon.social, Jacob Jarnvall
Chrome Developers
Optimize Cumulative Layout Shift
11+ min · · Cumulative Layout Shift (CLS) is a metric that quantifies how often users experience sudden shifts in page content. In this guide, we'll cover optimizing common causes of CLS such as images and… · Shared by 29, including John Mueller (official) · Not #30D, Baadier Sydow 🇿🇦, Cindy Krum 📱, Chris Heilmann codepo8@toot.cafe
catalins.tech
Amazing Web Development Resources 🔥🚀
2 min · · Do you want to spice up your web pages? Do you find yourself spending too much time coming up with colour and design ideas? Have a look at this resources!
animista.net
Animista
6 min · · Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use. · Shared by 4503, including Herbert Bay, Nick Floro, Max R. Scheer, Kam, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Yoav Ganbar (🥑 Builder.io/Qwik), Katja Evertz, von Moerenburgh, Sérgio Vieira, Matthias Sala, Jon Thompson, Natan Souza, Mohamed Azazy, Martin Hoffmann, front-end.social/@heydon, David Dias, Baadier Sydow 🇿🇦, Pascal Birchler, Tibor Martini 🇺🇦 @tibor@mastodon.social, René Clausen Nielsen
9elements.com
BEM Naming Cheat Sheet by 9elements
3 min · · A visual tool that provides naming-suggestions for CSS classes using BEM naming convention. · Shared by 72, including Rodrigo Noales, Benoist Lawniczak, Brad Frost, Marius Bleuer, Sara Soueidan, Alain, bouiboui, Alberto, mastodon.social/@renestalder, David Hellmann
christianlaesser.com
Christian Laesser – Interaction design meets data visualization
5 min · · Christian Laesser is a freelance interaction designer and data visualization designer from Berlin.
Paul Lewis
Aerotwist - FLIP Your Animations
5 min · · Animations in your web app should run at 60fps. Not always easy to achieve that,and it really depends on what you're trying to do, but I'm here to help. With FLIP. · Shared by 51, including David Hellmann, Leonid Bugaev, Alain, Aske Behrsin, Selim Imoberdorf, Joe Lencioni, Ferit (at 🏠) 🌙, Zain Fathoni, Thomas Wong
ratiobuddy.com
RatioBuddy - Aspect ratio calculator
· RatioBuddy is a fast, simple aspect ratio calculator. Designed & built by Damn Fine. · Shared by 9, including Matt