Collective #423

Adobe Stock - Get 10 free images
Search Adobe Stock for millions of royalty-free stock images, photos, videos and more. Find the perfect asset for your next creative project.
Check it out
JSUI
JSUI is a great tool for visually organizing, creating, and managing JavaScript projects. Made by Kitze.
Check it out
Animate Images and Videos with curtains.js
Learn how to create really nice image and video effects with curtain.js in this tutorial by Martin Laxenaire.
Read it
JSConfEU Generative Visuals
Matt DesLauriers has open sourced the code for the amazing JSConfEU generative visuals.
Check it out
Shadowmap & Fog Test
Misaki Nakano's wonderful shadow mapping and distance fog experiments.
Check it out
Free Font: Pogo Display
An exquisite uppercase font designed by Erlend Storaker.
Get it
MapKit JS
A JavaScript API by Apple to embed interactive maps on your website, annotate points of interest, and perform geo-related searches.
Check it out
Awesome design patterns
A curated list of software and architecture related design patterns. By Dov Amir.
Check it out
Motus
An animation library that mimics CSS keyframes when scrolling.
Check it out
Playing with SVG displacement filter
Sota Hatakeyama made this little configurator to play with the SVG displacement filter.
Check it out
Designing Web Content for watchOS
WebKit will now be part of watchOS and in this video you can learn all about it.
Watch it
Devpen
A Markdown editor with GitHub style created by Kukuh Nomikusain.
Check it out
Pickr
An easy-to-use and hackable color picker without dependencies.
Check it out
The Most Powerful Font
A font created for the G7 meeting made from the world leaders' signatures.
Check it out
Tappy loader
Steve Gardner created this awesome impatient loader.
Check it out
How to start with variable fonts on the web
Oliver Schöndorfer's introduction to variable fonts.
Read it
Vivid.js
A JavaScript library for customizing a growing set of SVG icons made by Webkul.
Check it out
DropIt
DropIt is a file uploader built with Node.js.
Check it out
Jump and Slide
Another fun loader demo by Steve Gardner.
Check it out
Free Font: Neon
A neon light typeface made in a continuous line style so that it works on neon signages.
Check it out
LogicEmu
A fantastic digital logic simulator made by Lode Vandevenne.
Check it out
Collapsing Logo Effect
A recreation of the collapsing logo effect seen on PracticalVR. The idea is to have an initial view that animates to a logo in the top left corner of the page.
Check it out