Collective #637
Building TakeNote, a Notes App for Developers With GitHub Sync
Tania Rascia shares how she built TakeNote, a clutter-free web-based notes app for developers.
Check it out
11 Massive Cyber Monday 2020 deals (up to 94% off!)
Only available for a limited time!
Grab yours now
Boop!
A tutorial on how to create a brilliant React hover animation effect with React Spring.
Read it
Sick of the stupid jokes? Write your own arbitrary-precision JavaScript math library
James Sinclair shows how to write your own custom JavaScript math library tailored to your specific needs.
Read it
Native Aspect Ratio Boxes in CSS thanks to aspect-ratio
Learn all about the new “aspect-ratio” property and how to use it.
Read it
Infinite Bad Guy
Infinite Bad Guy is an AI experiment that uses machine learning to seamlessly align thousands of covers of Billie Eilish’s “Bad Guy” into an infinite music video.
Check it out
Responsive and Configurable SVG Waves
A great playground experiment by Jhey where you can configure and copy some CSS/SVG page section waves. Read the thread here.
Check it out
List.js
An easy-to-use library for adding search, sort, filters and flexibility to tables, lists and various HTML elements.
Check it out
Use console.log() like a pro!
Marko Denic shows how to use console.log() for JavaScript debugging.
Read it
Andrea Perato
A website made only with Google Docs Spreadsheets.
Check it out
Accessible, Smooth Scroll-to-top Buttons with Little Code
Ashlee M Boyer shows how to add a scroll-to-top button with smooth scrolling using just a few lines of code.
Read it
A tale of four prototypes
Dave Rupert shares some prototypes of ideas he had in the past couple of years.
Check it out
Beginner’s Guide to Static Site Generators
A helpful guide to the basics of static site generators.
Read it
So you wanna create an eco-friendly website
Eric Bailey helps find the answer to the question on how to make a website or web app not-awful.
Read it
A Complete State Machine Made With HTML Checkboxes and CSS
In this article, Ryan Bethel adapts the concept of a state machine to HTML and CSS.
Read it
The Queen and The Crown
A supercool virtual 3D exhibition.
Check it out
Back to Basics: Creating a clickable card interface in plain HTML, CSS and JavaScript
A tutorial by Christian Heilmann on how to create a clickable card interface.
Read it
naaro
This website has a really cool dragging interaction.
Check it out
Squeeshy Toy
A fluffy toy prototype made by Christoph Lorenzi with Three.js.
Check it out
Why it’s good for users that HTML, CSS and JS are separate languages
Hidde de Vries looka at why it is good for people that HTML, CSS and JS are separate languages.
Read it
Dashboard UI
Mert Cukuren made this Tailwind CSS Dashboard that supports dark mode.
Check it out
Building a Svelte Static Website with Smooth Page Transitions
A video tutorial that will show you how to build a static website with Svelte.js and add smooth page transitions using Three.js and GSAP.
Check it out