cssfx.dev
CSSFX - Beautifully simple click-to-copy CSS effects
· Browse a carefully crafted collection of loaders, hover effects, transitions, and other CSS effects to use in your next project. Effects are designed with an emphasis on fluidity, simplicity, and ease… · Shared by 128, including Sachin Gawas, sascha aßbach, Angel Romero, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Luis Bravo, Benoist Lawniczak, José Rodrigues, Stephen C Sanders, Oliver Raduner, Yoav Ganbar (🥑 Builder.io/Qwik), Thomas Wong
2019.stateofcss.com
The State of CSS 2019
1 min · · In the web development family, JavaScript has developed a bit of a reputation as the angry, rebellious teenager going through a new phase every year and telling you you're just too old to understand.… · Shared by 122, including Niklaus Gerber, Nico Müller 🇺🇦, Kohei Asai, Meng To, Joe Lencioni, Una 🇺🇦, Michael Musgrove, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Benoist Lawniczak, pizza.lottie 🍕, Alligator.io 🐊, David Hellmann, Design Shack
variablefonts.io
A Variable Fonts Primer
1 min · · Home Designing with variable fonts Implementation Resources About this site A Variable Fonts Primer · Shared by 112, including Val Head, Marius Bleuer, zeldman, tcherno, Rachel Andrew, Stef Walter, HeyDesigner, Fabricio Teixeira, @meyerweb@mastodon.social, Chris Heilmann codepo8@toot.cafe, David Hellmann, erik spiekermann
bouncejs.com
Bounce.js
· Bounce.js uses CSS3 animations and transforms, which doesn't seem to be supported by your browser. :( · Shared by 95, including Stephen C Sanders, Minnix, Chris Michael, florian, Philipp Laurim, 梁原 立寛, Davo ⚡, Courtney Bolton ★, Kévin Ronceray, Marc Wieland, Vincent Liu
webkul.github.io
Micron.js - Webkul
1 min · · a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power · Shared by 74, including Oscar MacDonald, Victor Tolosa, Tomas Vestenicky, Kam, Thomas Kaul, Benoist Lawniczak, StanChan, Matt, Alligator.io 🐊
wattenberger.com
Thinking in React Hooks
· Shared by 67, including Kent C. Dodds 🌌, Vikram Dutt, cody lindley, Elijah Manor, Alligator.io 🐊, Alexandre Joly, Zain Fathoni, THAT @REM SHOW, Michael Duergner, danabramov.bsky.social, Mattia Fregola 🤔, bouiboui
Chrome Developers
Extract critical CSS
2 min · · Learn how to improve render times with critical CSS technique and how to choose the best tool for your project. · Shared by 66, including Benoist Lawniczak, Rob Dodson, Esther Schindler
daneden.github.io
Animate.css
· Download Animate.css or View on GitHub Another thing from Daniel Eden. · Shared by 66, including Paweł Kuna, Tibor Martini 🇺🇦 @tibor@mastodon.social, Rodrigo Noales, Vincent Liu, Davo ⚡
swiperjs.com
Most Modern Mobile Touch Slider
2 min · · Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. · Shared by 64, including Simone Corsi 💻🚀, mastodon.social/@renestalder, Дмитрий Кобец, David Hellmann, Simon07, Balda, Brad Brooks
jasonformat.com
Modern Script Loading
5 min · · Serving the right code to the right browsers can be tricky. Here are some options. Serving modern code to modern browsers can be great for performance. Your JavaScript bundles can contain more compact… · Shared by 64, including Alligator.io 🐊, Ferit (at 🏠) 🌙, Davy De Pauw, Marius Bleuer, Massimiliano Aroffo, 瑞拿頭, Simone Corsi 💻🚀
matthewrayfield.com
Animating URLs with Javascript and Emojis
6 min · · You can use emoji (and other graphical unicode characters) in URLs. And wow is it great. But no one seems to do it. Why? Perhaps emoji are too exotic for normie web platforms to handle? Or maybe they… · Shared by 62, including Chris Coyier, Dan Wahlin, Simone Corsi 💻🚀, Michael Sumner, Tableless, Linus Basig, David Walsh, Matt, fernand0
github.com
philipwalton/flexbugs
· flexbugs - A community-curated list of flexbox issues and cross-browser workarounds for them. · Shared by 55, including Alligator.io 🐊, Vikram Dutt, Davy De Pauw, Frederik Dietz, Veronika Lampion, 6clicks | John Robert-Nicoud, Marc Wieland, Nico Müller 🇺🇦, adrianleb.eth
Mozilla
Firefox Developer Edition — Mozilla
3 min · · Built for those who build the Web. The only browser made for developers like you. · Shared by 54, including Genialy Agency, Francis DB, James Walker | walkah.social, William El Kaim, Jen Simmons, Luca Hammer
threejsfundamentals.org
Three.js Fundamentals
7 min · · Your first Three.js lesson starting with the fundamentals · Shared by 53, including Nils Hitze, Ferit (at 🏠) 🌙, Simone Corsi 💻🚀, Joscha Bach, mastodon.social/@renestalder
larsjung.de
pagemap
· add a canvas tag to your HTML page:<canvas id='map'></canvas> fix it's position on the screen:#map { position: fixed; top: 0; right: 0; width: 200px; height: 100%; z-index: 100; } init and style the… · Shared by 51, including Eric L. Barnes 🏝️, Mic King, David Walsh, Balda, old getify, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Chris Heilmann codepo8@toot.cafe, Simone Corsi 💻🚀
docs.emmet.io
Emmet Documentation
2 min · · Download cheat sheet as printable PDF A5 · Shared by 50, including Chris Heilmann codepo8@toot.cafe, henrik