Collective #370
![C370_Sponsor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_Sponsor.jpg?x86293)
You've been wanting to build mobile apps...
Use your favorite development languages and share code between web and mobile.
Check it out![C370_jsrobot](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_jsrobot.jpg?x86293)
JSRobot
Reaal Khalil created this fun coding game where you control a robot by learning JavaScript.
Check it out![C370_infinitown](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_infinitown.jpg?x86293)
Infinitown
A fantastic WebGL experiment of an infinite town using a brilliant technique. By Little Workshop.
Check it out![C370_designsystems](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_designsystems.jpg?x86293)
Design Systems Handbook
A remarkable resource on design systems.
Check it out![C370_lona](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_lona.jpg?x86293)
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![C370_particledanse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_particledanse.jpg?x86293)
Particles danse
A stunning audio experiment powered by three.js. Made by Antoine Abbou.
Check it out![C370_cities](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_cities.jpg?x86293)
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![C370_python](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_python.jpg?x86293)
Pytudes
A collection of Python programs to practice and perfect your programming skills. By legendary Peter Norvig.
Check it out![C370_FLIP](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_FLIP.jpg?x86293)
Animating Layouts with the FLIP Technique
David Khourshid explains the FLIP technique that can be used to animate with optimized performance.
Read it![C370_requests](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_requests.jpg?x86293)
The Best Request Is No Request, Revisited
Stefan Baumgartner explains how HTTP/2 allows for more efficiency when it comes to requests.
Read it![C370_voronoi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_voronoi.jpg?x86293)
GLSL: Voronoi
Liam Egan's experiment with Voronoi cellular noise.
Check it out![C370_roman](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_roman.jpg?x86293)
Flexible Overflow
Roman Komarov shows how to solve some Container Queries use cases with CSS only.
Read it![C370_instagram](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_instagram.jpg?x86293)
Instagram Posts 2017
Some beautiful design inspiration from the 2017 Instagram posts of Lucas Berghoef.
Check it out![C370_etchasketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_etchasketch.jpg?x86293)
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![C370_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_font.jpg?x86293)
Free Font: Ascardi Sans
A unique retro display font originally drawn with a parallel pen by the folks of Brrrands.
Check it out![C370_Marvel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_Marvel.jpg?x86293)
Marvel Noise
A colorful WebGL experiment by Jordan Machado. Find more here.
Check it out![C370_cssgridlearn](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_cssgridlearn.jpg?x86293)
Learn CSS Grid in 5 Minutes
A super quick introduction to building layouts with CSS Grid. By Per Harald Borgen.
Read it![C370_v8](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_v8.jpg?x86293)
V6: Typography and Proportions
The second article in a very insightful three-part series about Rob Weychert's recent site redesign.
Read it![C370_wireframe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_wireframe.jpg?x86293)
Generating Wireframe Boxes with CSS and HTML5
An interesting way to overlay a wireframe over a website. By Eric Meyer.
Read it![C370_taxi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_taxi.jpg?x86293)
Taxi Apocalypse
A fun endless scrolling game by Thibaud Goiffon.
Check it out![C370_audiovisualizer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_audiovisualizer.jpg?x86293)
The Wrung Music
An interesting, spherical audio visualizer by Jaume Sanchez. Made with three.js.
Check it out![C370_fontloading](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_fontloading.jpg?x86293)
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![C370_cssgridlayouts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_cssgridlayouts.jpg?x86293)
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![C370_codevember](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C370_codevember.jpg?x86293)
Codevember #28
Colin and Ryan form DPDK created this fun demo where you can let your writings burst into particles.
Check it out