Collective #538

First-Class Functions in JavaScript
Nick Scialli explains JavaScript first-class functions and shows some real-world examples.
Read it
Design and develop at the same time
All the power of HTML, CSS & JavaScript in a 100% visual canvas. Start building today — with Webflow.
Start for free
How Does the Development Mode Work?
Dan Abramov gives some valuable insights into the workings of the React development mode.
Read it
Clip Clop Clippity Clop
A beautiful CSS only animated horse made by Steve Gardner. Click it to see a detailed slow-mo version.
Check it out
Establish network connections early to improve perceived page speed
Learn about rel=preconnect and rel=dns-prefetch resource hints and how to use them in this article by Milica Mihajlija.
Read it
React Slider w/ Hover Effect
A really nice slider implementation by Ryan Mulligan.
Check it out
Scope in JavaScript - HTTP 203
Jake and Surma take a deep dive into the world of variable scoping in JavaScript.
Watch it
Photoronoi
An experiment by Amelia Wattenberger that turns an image into a Voronoi SVG.
Check it out
Rick and Morty
A really cool interactive website for the "Rick and Morty" show.
Check it out
ES proposal: optional chaining
An article by Axel Rauschmayer about the ECMAScript proposal "Optional chaining" by Gabriel Isenberg, Claude Pache, and Dustin Savery.
Read it
Regex For Noobs (like me!) - an illustrated guide
Jan Meppe's gentle introduction and illustrated guide to regular expressions.
Read it
Getting to the Heart of Digital Accessibility
An eye-opening article by Carie Fisher on how teaching developers writing accessible code will lead to better digital accessibility.
Read it
Visual guide to CSS selectors
A really nice visualization of the meaning of CSS selectors by David Khourshid.
Check it out
This Ain't Disney: A practical guide to CSS transitions and animations
Some valuable insight by Mohammed Ibrahim on how to create UI animations that feel right.
Read it
Social Links Cube (PlayCanvas)
A cool 3D cube demo made with PlayCanvas. By halvves.
Check it out
WebGL enhanced drag slider tutorial with curtains.js (part 1)
A three part tutorial series by Martin Laxenaire on how to make a cool draggable slider with curtain.js.
Read it
Inside the Matrix VR
Radek Pazdera created this WebVR experience using three.js.
Check it out
Adblocking: How About Nah?
An important read: "...with more and more power in fewer and fewer hands, it's become increasingly difficult for Web publishers to resist advertisers' insistence on obnoxious tracking ads".
Read it
Paint Drop Hover
Mariusz Dabrowski made this interesting dynamic hover effect.
Check it out
paaatterns
A nice collection of handcrafted patterns free for a subscription. By Lstore Graphics.
Get it
Text by circles
A beautiful demo by Artem that shows a text made up of circular shapes.
Check it out
Money Vector Icons Set
A set of 50 vector icons related to finances and money. Free for a subscription.
Get it
Free Font: Oliver
A clean sans-serif typeface with 3 weights.
Get it
The guide to Visual Studio Code shortcuts
Michael Lazarski's guide to Visual Studio Code shortcuts.
Read it