Collective #423
Publikováno: 11.6.2018
JSUI * Pickr * The Most Powerful Font * Devpen * Awesome design patterns * LogicEmu * MapKit JS * jsconfeu-generative-visuals
Collective #423 was written by Pedro Botelho and published on Codrops.

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.

JSUI
JSUI is a great tool for visually organizing, creating, and managing JavaScript projects. Made by Kitze.

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.

JSConfEU Generative Visuals
Matt DesLauriers has open sourced the code for the amazing JSConfEU generative visuals.

Shadowmap & Fog Test
Misaki Nakano’s wonderful shadow mapping and distance fog experiments.

Free Font: Pogo Display
An exquisite uppercase font designed by Erlend Storaker.

MapKit JS
A JavaScript API by Apple to embed interactive maps on your website, annotate points of interest, and perform geo-related searches.

Awesome design patterns
A curated list of software and architecture related design patterns. By Dov Amir.

Motus
An animation library that mimics CSS keyframes when scrolling.

Playing with SVG displacement filter
Sota Hatakeyama made this little configurator to play with the SVG displacement filter.

Designing Web Content for watchOS
WebKit will now be part of watchOS and in this video you can learn all about it.

Devpen
A Markdown editor with GitHub style created by Kukuh Nomikusain.

Pickr
An easy-to-use and hackable color picker without dependencies.

The Most Powerful Font
A font created for the G7 meeting made from the world leaders’ signatures.

Tappy loader
Steve Gardner created this awesome impatient loader.

How to start with variable fonts on the web
Oliver Schöndorfer’s introduction to variable fonts.

Vivid.js
A JavaScript library for customizing a growing set of SVG icons made by Webkul.

DropIt
DropIt is a file uploader built with Node.js.

Jump and Slide
Another fun loader demo by Steve Gardner.

Free Font: Neon
A neon light typeface made in a continuous line style so that it works on neon signages.

LogicEmu
A fantastic digital logic simulator made by Lode Vandevenne.

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.
Collective #423 was written by Pedro Botelho and published on Codrops.