Collective #437

Task Management has never been easier
monday.com is a powerful tool for project and team management, communications and collaboratio,.we keep it all in one place.
Try it free
StyleURL
StyleURL generates links which load your CSS changes into existing web pages automatically, so that you can share and visualize CSS tweaks.
Check it out
Circle Packing
Learn how to create an amazing looking circle packing effect in this tutorial by Tim Holman.
Read it
Logging Activity With The Web Beacon API
A tutorial by Drew McLellan on how to use the Beacon API to log information from a web page back to a server.
Read it
VSCodeThemes
A great place where you can preview themes from the VSCode marketplace. By Jordan Schroter. Read more about it in this article.
Check it out
Refresh
A concept for a modern web browser based on iOS Safari.
Check it out
Scale
A very handy tool for generating a color scale.
Check it out
Understanding JavaScript Objects
Ben Rozenberg explains JavaScript objects in this easy to follow article.
Read it
canvas-sketch
A loose collection of tools, modules and resources for creating generative art in JavaScript and the browser.
Check it out
Lazy Box
A great box animation demo made by Chris Gannon.
Check it out
CSS-only double-click
Martijn Cuppens shows how to mimic the double-click behavior in CSS.
Check it out
The frustrations of using CSS Shapes and CSS Exclusions
Ben Frain shares his current feelings of woe with CSS Shapes and CSS Exclusions.
Read it
Responsive Images: If you're just changing resolutions, use srcset.
Chris Coyier explains how using the srcset
attribute is best for switching between different versions of the same image.

ApexCharts
A modern JavaScript charting library to build interactive charts and visualizations with a simple API.
Check it out
mdx-deck
Markdown and JSX based presentation decks. By Brent Jackson.
Check it out
Explorable Explanations
A hub for learning through play. By artists, coders and educators who want to reunite play and learning.
Check it out
Free Font: Lokka
A beautiful geometric display font made by Gatis Vilaks.
Get it
Brush Ninja
With this fun tool you can draw animated GIFs easily. Check out some examples.
Check it out
I created the exact same app in React and Vue. Here are the differences.
An interesting article by Sunil Sandhu where he compares React and Vue.
Read it
Free Font: Borsok
Dastan Miraj designed this playful display typeface.
Check it out
The peculiar magic of flexbox and auto margins
In this article Robin Rendle explains how auto margins and flexbox interact with one another.
Read it
Machine Learning Guides
Simple step-by-step walkthroughs to solve common machine learning problems using best practices.
Check it out
Motion Reveal Slideshow
A simple image slideshow with a motion reveal effect when navigating between slides and a fullscreen details view.
Check it out