Collective #590
Understanding Map and Set in JavaScript
Tania Rascia goes over the Map and Set objects, what makes them similar or different to Objects and Arrays, the properties and methods available to them, and examples of some practical uses.
Read it
Start your own freelance business by becoming a Divi expert
Learn how to develop websites with the most popular WordPress theme in the world and secure your success as a freelancer.
Start learning now
Listen to your web pages
Listen to DOM changes as different pitches of audio with this script by Tom Hicks.
Check it out
Link Targets and 3.2.5
Adrian Roselli recommends not to arbitrarily open links in a new window or tab.
Read it
How to Publish an Updated Version of an npm Package
Scott Vandehey covers the most common release steps for an npm project, how to determine the release process for an existing one, and recommendations for project maintainers.
Read it
Flight
3D video game experiments built with Three.js, TypeScript, React, Redux and GLSL shaders.
Check it out
Turbulence
A beautiful experiment where you can play with an animated SVG filter on hover.
Check it out
Exploring the Web Speech API
An experiment with voice on the web using the Web Speech Synthesis and Recognition API.
Read it
Case Study: Spatzek Studio
Daniel Spatzek shares the journey of the interesting redesign of Spatzek Studio, the successor of Ursa Major Supercluster.
Read it
Stage.js
In case you didn't know about it: Stage.js is a 2D JavaScript library for cross-platform HTML5 game development.
Check it out
Building a login system with HTML, CSS, and JavaScript
Zell Liew shares a login system he built with HTML, CSS, and JavaScript.
Read it
Chameleonic Header in CSS and JavaScript
Learn how to create a chameleonic header that changes its style on scroll to match the color theme of the underneath section. A tutorial by Sebastiano Guerriero.
Read it
Google Fonts Tip
Addy Osmani shows how to shave up to 90% off the size of Google Fonts requests by declaring only characters you need with &text.
Check it out
Whoosh
A great game prototype by Charlie Gerard where you control a 3D spaceship with hand movements.
Check it out
Calm Spikes
A great Three.js demo by Anna the Scavenger.
Check it out
Another 85 ideas for computing (in progress)
After a fantastic set of ideas Sam Squire adds another 85 ideas for computing.
Check it out
Why the JAMStack is awesome (and a few reasons why its not)
Chris Ferdinandi's clarifies what JAMStack is and provides some great resources for getting started.
Read it
The Side Effects of an Unfinished Internet
Some interesting thoughts on the way the modern internet had a negative effect on key aspects of meaningful creation.
Read it
Care Bear NEEDS Love
An adorable demo by Jhey Thompkins.
Check it out
The Map of Mathematics
An incredible exploration of some parts of the boundless mathematical universe with beautiful visualizations.
Check it out