Collective #370

You've been wanting to build mobile apps...
Use your favorite development languages and share code between web and mobile.
Check it out
JSRobot
Reaal Khalil created this fun coding game where you control a robot by learning JavaScript.
Check it out
Infinitown
A fantastic WebGL experiment of an infinite town using a brilliant technique. By Little Workshop.
Check it out
Design Systems Handbook
A remarkable resource on design systems.
Check it out
Lona
Airbnb's tool for defining design systems and using them to generate cross-platform UI code, Sketch files, images, and other artifacts.
Check it out
Particles danse
A stunning audio experiment powered by three.js. Made by Antoine Abbou.
Check it out
World City Icons
A gigantic set of the world's most popular cities in vector format. Made by Yannis Abelas and Ioanna Aravani.
Get it
Pytudes
A collection of Python programs to practice and perfect your programming skills. By legendary Peter Norvig.
Check it out
Animating Layouts with the FLIP Technique
David Khourshid explains the FLIP technique that can be used to animate with optimized performance.
Read it
The Best Request Is No Request, Revisited
Stefan Baumgartner explains how HTTP/2 allows for more efficiency when it comes to requests.
Read it
GLSL: Voronoi
Liam Egan's experiment with Voronoi cellular noise.
Check it out
Flexible Overflow
Roman Komarov shows how to solve some Container Queries use cases with CSS only.
Read it
Instagram Posts 2017
Some beautiful design inspiration from the 2017 Instagram posts of Lucas Berghoef.
Check it out
Etch A Sketch
A great implementation of the classic drawing toy using the DeviceMotionEvent API. The API allows you to erase the drawing by shaking your device. By Jon Kantner.
Check it out
Free Font: Ascardi Sans
A unique retro display font originally drawn with a parallel pen by the folks of Brrrands.
Check it out
Marvel Noise
A colorful WebGL experiment by Jordan Machado. Find more here.
Check it out
Learn CSS Grid in 5 Minutes
A super quick introduction to building layouts with CSS Grid. By Per Harald Borgen.
Read it
V6: Typography and Proportions
The second article in a very insightful three-part series about Rob Weychert's recent site redesign.
Read it
Generating Wireframe Boxes with CSS and HTML5
An interesting way to overlay a wireframe over a website. By Eric Meyer.
Read it
Taxi Apocalypse
A fun endless scrolling game by Thibaud Goiffon.
Check it out
The Wrung Music
An interesting, spherical audio visualizer by Jaume Sanchez. Made with three.js.
Check it out
23 Minutes of Work for Better Font Loading
Read how Zach Leatherman improved the font loading of a project in under half an hour.
Read it
Common Responsive Layouts with CSS Grid (and some without!)
Jo Franchetti shares some example code for common responsive layouts, mostly using CSS Grid.
Read it
Codevember #28
Colin and Ryan form DPDK created this fun demo where you can let your writings burst into particles.
Check it out