Codrops collective
useful articles from codrops collective - things that have caught my eye, and / or want to get back around to reading later
Collection by Evan (he/him)
christianheilmann.com
Conditional animations with CSS properties
2 min · · Using animations, transitions and smooth scrolling is fun, but they also represent an accessibility problem. Various groups of people have a hard time using your products when things move and change… · Shared by 21, including Chris Heilmann codepo8@toot.cafe, David Hellmann, Evan (he/him)
utopia.fyi
Fluid Space Calculator
2 min · · Fluid responsive design · Shared by 10, including Evan (he/him)
chartscss.org
Charts.css
· CSS data visualization framework Quick Start GitHub Repo Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts. The source code is available on GitHub… · Shared by 177, including Jessel Sookha, Claus Heller 🇺🇦, Stef Walter, Nico Müller 🇺🇦, Maarten Lambrechts @maarten@vis.social, Katja Evertz, Mark Kaigwa, Balda, Jacob du Toit, Evan (he/him), Mohamed Azazy, David Hellmann, Christian Hartmann
Smashing Magazine 🇺🇦 🏳️🌈
CSS Generators — Smashing Magazine
14+ min · · In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. This time it’s all about CSS Generators: from CSS shadows to easing gradients to CSS… · Shared by 82, including Stef Walter, Oliver Raduner, David Hellmann, Evan (he/him), Zain Fathoni, Claus Heller 🇺🇦
filamentgroup
Practical accessibility, part 1: Markup semantics & ARIA
4 min · · Read this page on the Filament Group website · Shared by 20, including Evan (he/him), Benoist Lawniczak, Davy De Pauw, Chris Heilmann codepo8@toot.cafe
writex.io
Writex.io is an editor with super powers
· Customize your writing experience, build your Wikis, use power of static analysis to check readability and phonetic quality, use extremely advanced spell check for more than 20 languages, export your… · Shared by 8, including Evan (he/him)
benfrain.com
Building a ‘Table Of Contents’ with active indicator using JavaScript Intersection Observers
6 min · · Prefer a video version? You can watch it on YouTube here. This post covers a modern way of automatically creating a table of contents for your blog post that updates with a ‘current position’… · Shared by 19, including Chris Heilmann codepo8@toot.cafe, Evan (he/him), Davy De Pauw, Ana Rita
Chrome Developers
Streams—The definitive guide
20+ min · · The Streams API allows JavaScript to programmatically access streams of data received over the network and process them as desired. · Shared by 33, including Luca Corsilli, Axel Rauschmayer (INACTIVE), Jake Archibald, Yoav Ganbar (🥑 Builder.io/Qwik), Evan (he/him)
russmaxdesign.github.io
HTML test cases
· All tests were conducted 1 March 2021 OSX Catalina - 10.15.7 Chrome 88 Firefox 86 Safari 14 Windows 10 Enterprise: Chrome 87 Firefox 86 Edge 88 Assistive Technolgies NVDA - 2020.4 JAWS 2021.2102.34 -… · Shared by 46, including Steve Faulkner SteveFaulkner@mastodon.social, Adrian Roselli (no blue check) 🗯, Karl Groves (he/him), PacielloGroup, Chris Heilmann codepo8@toot.cafe, Billy Gregory, Rob Dodson, patrick h. lauke (redux) "Big Dog" #toryScum #cis, Web Axe, Evan (he/him), Davy De Pauw
bram.us
The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 2)
9 min · · Let's take a look at how we can create Scroll-Linked Animations that use Element-based Offsets using @scroll-timeline from the “Scroll-linked Animations“ CSS Specification. · Shared by 16, including Evan (he/him), Claus Heller 🇺🇦
Codrops
Web Design & Development News: Collective #651
4 min · · Collective #651: State Of GDPR In 2021 * Leva * Pablito Planeta * HTML test cases * Flameshot · Shared by 9, including Evan (he/him)
The New York Times
CSS Grid for Designers
9 min · · Changing layout on the web · Shared by 113, including Jessel Sookha, Design Shack, Stephen C Sanders, Times Open, Boris Périsset, Ana Rita, Yoav Ganbar (🥑 Builder.io/Qwik), Evan (he/him), Kim Schläpfer
Brad Frost
Front-of-the-front-end and back-of-the-front-end web development
4 min · · The Great Divide is real, and I'm pleased that the terms "front-of-the-front-end" and "back-of-the-front-end" have gained traction ever since I quipped about them on the Shop Talk Show. A few of my… · Shared by 87, including ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Ferit (at 🏠) 🌙, cody lindley, Eric Bailey, Ian Pouncey, Samuel Hauser, Evan (he/him), Stef Walter, CSS Weekly, Jitendra Vyas, Brian Rinaldi, Gabriele
dmitripavlutin.com
How to Greatly Enhance fetch() with the Decorator Pattern
8 min · · How to use the decorator pattern to enhance the possibilities and flexibily of fetch() API. · Shared by 8, including Evan (he/him)
v8.dev
Faster JavaScript calls
14+ min · · JavaScript allows calling a function with a different number of arguments than the expected number of parameters, i.e., one can pass fewer or more arguments than the declared formal parameters. The… · Shared by 27, including Guillermo Rauch, Yoav Ganbar (🥑 Builder.io/Qwik), Ahrbil, Evan (he/him)
Chrome Developers
Building a Tabs component
20+ min · · A foundational overview of how to build a tabs component similar to those found in iOS and Android apps. · Shared by 21, including Matt, Evan (he/him), mastodon.social/@renestalder