Collective #498
iro.js
Iro is a lightweight, SVG-based color picker library. By James Daniel.
Check it out
Divi: Build Anything Visually
Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. It will change the way you build websites forever.
Try it
Handtrack.js: Hand Tracking Interactions in the Browser using Tensorflow.js and 3 lines of code
Handtrack.js library allows you to track a user's hand from an image in any orientation, in just 3 lines of code. By Victor Dibia.
Read it
Cache-Control for Civilians
An in-depth article by Harry Roberts on Cache-Control.
Read it
Get Started With Viewing And Changing The DOM
Kayce Basques' interactive tutorial where you'll learn the basics of viewing and changing a page's DOM using Chrome DevTools.
Read it
ArchiveBox
ArchiveBox takes a list of website URLs you want to archive and creates a local, static and browsable HTML clone.
Check it out
Performance Budgets That Stick
Tim Kadlec explains how to make sure a performance budget is effective.
Read it
Physarum
Physarum is a slime mold simulation by Nicolas Barradeau. Check out the GitHub repo.
Check it out
Building Robust Layouts With Container Units
Russell Bishop explains how to use the concept of container units powered by CSS variables.
Read it
CSSeffectsSnippets
A collection of CSS effects where you can click on an animation to copy it to your clipboard. Made with Vue.js by Emil Kowalski.
Check it out
QuickChart.io
Create a chart using a single URL for embedding in email, SMS, reports, and more.
Check it out
JavaScript Symbols: But Why?
Learn all about Symbols, the newest JavaScript primitive.
Read it
Beautiful Dingbats' Unicode Calendar Generator
Enter a date, click to copy, then paste your monospace calendar.
Check it out
60 Multimedia icons
A set of 60 multimedia themed icons with a lovely design.
Get it
The state of web analytics
An analysis of the current landscape of web analytic tools and what data they retrieve.
Read it
CSS Scroll Snap: How Do I Look In This?
A very creative way to use CSS Scroll Snap. By Olivia Ng.
Check it out
Extracting Text from Content Using HTML Slot, HTML Template and Shadow DOM
Using HTML Slot, HTML Template and Shadow DOM, Preethi shows how to extract content directly from an article.
Read it
Real virtuality: connecting real things to virtual reality using web technologies
Fabien Benetou and Philippe Coval share the story of their lucky encounter at FOSDEM, the largest free and open source software event in Europe.
Read it
CurveBall
A hypnotizing demo by Chris Gannon.
Check it out
Announcing the Open Sourcing of Windows Calculator
Microsoft has open sourced the Windows Calculator on GitHub under the MIT License.
Read it
Thank You - 1000 - Voronoi
Liam Egan tests the limitations of Voronoi distances in this fantastic demo.
Check it out
Stairway
A free platform for learning Math in personalized lessons and an engaging interface.
Check it out