Collective #423
![C423_Adobe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_Adobe.jpg?x86293)
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![C423_jsui](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_jsui.jpg?x86293)
JSUI
JSUI is a great tool for visually organizing, creating, and managing JavaScript projects. Made by Kitze.
Check it out![C423_curtain](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_curtain.jpg?x86293)
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![C423_visuals](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_visuals.jpg?x86293)
JSConfEU Generative Visuals
Matt DesLauriers has open sourced the code for the amazing JSConfEU generative visuals.
Check it out![C423_fog](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_fog.jpg?x86293)
Shadowmap & Fog Test
Misaki Nakano's wonderful shadow mapping and distance fog experiments.
Check it out![C423_font1](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_font1.jpg?x86293)
Free Font: Pogo Display
An exquisite uppercase font designed by Erlend Storaker.
Get it![C423_map](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_map.jpg?x86293)
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![C423_awesome](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_awesome.jpg?x86293)
Awesome design patterns
A curated list of software and architecture related design patterns. By Dov Amir.
Check it out![C423_scrolling](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_scrolling.jpg?x86293)
Motus
An animation library that mimics CSS keyframes when scrolling.
Check it out![C423_displacement](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_displacement.jpg?x86293)
Playing with SVG displacement filter
Sota Hatakeyama made this little configurator to play with the SVG displacement filter.
Check it out![C423_watch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_watch.jpg?x86293)
Designing Web Content for watchOS
WebKit will now be part of watchOS and in this video you can learn all about it.
Watch it![C423_md](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_md.jpg?x86293)
Devpen
A Markdown editor with GitHub style created by Kukuh Nomikusain.
Check it out![C423_colorpickr](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_colorpickr.jpg?x86293)
Pickr
An easy-to-use and hackable color picker without dependencies.
Check it out![C423_fontg7](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_fontg7.jpg?x86293)
The Most Powerful Font
A font created for the G7 meeting made from the world leaders' signatures.
Check it out![C423_loaderhand](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_loaderhand.jpg?x86293)
Tappy loader
Steve Gardner created this awesome impatient loader.
Check it out![C423_variablefonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_variablefonts.jpg?x86293)
How to start with variable fonts on the web
Oliver Schöndorfer's introduction to variable fonts.
Read it![C423_svgicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_svgicons.jpg?x86293)
Vivid.js
A JavaScript library for customizing a growing set of SVG icons made by Webkul.
Check it out![C423_dropit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_dropit.jpg?x86293)
DropIt
DropIt is a file uploader built with Node.js.
Check it out![C423_loaderboxes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_loaderboxes.jpg?x86293)
Jump and Slide
Another fun loader demo by Steve Gardner.
Check it out![C423_neon](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_neon.jpg?x86293)
Free Font: Neon
A neon light typeface made in a continuous line style so that it works on neon signages.
Check it out![C423_logicemu](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_logicemu.jpg?x86293)
LogicEmu
A fantastic digital logic simulator made by Lode Vandevenne.
Check it out![C423_collapsinglogo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C423_collapsinglogo.jpg?x86293)
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