Collective #420
![C420_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_WOTW.jpg?x86293)
Inspirational Website of the Week: Studio Regale
A very different kind of web experience with lots of interesting goodies. Our pick this week.
Get inspired![C420_Udemy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_Udemy.png?x86293)
How far will $10.99 take you?
Find out with Udemy's best of the best online courses in programming, design or app dev. Take top-rated courses from our master instructors, now at a special discount.
Pick your next course today![C420_time](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_time.jpg?x86293)
UTC is Enough for Everyone, Right?
A brilliant write-up on time for programmers by Zach Holman.
Read it![C420_maps](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_maps.jpg?x86293)
From Beautiful Maps to Actionable Insights: Introducing kepler.gl, Uber's Open Source Geospatial Toolbox
Shan He from Uber Engineering introduces kepler.gl for creating beautiful maps.
Check it out![C420_animations](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_animations.jpg?x86293)
Sculpting Software Animation
Pasquale D'Silva's interesting guide to designing animations.
Read it![C420_proppy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_proppy.jpg?x86293)
Proppy
ProppyJS is a small JavaScript library for composing props (objects that components receive to render themselves) which can then be used in a components-based UI framework like React or Vue.js.
Check it out![C420_critters](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_critters.jpg?x86293)
Critters
A Webpack plugin to inline your critical CSS and lazy-load the rest.
Check it out![C420_wireframes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_wireframes.jpg?x86293)
Whimsical Wireframes
Whimsical includes a rich library of configurable elements for fast mockup creation with collaboration in real-time.
Check it out![C420_goat](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_goat.jpg?x86293)
Goat
A private URL shortener just for your team.
Check it out![C420_frontend](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_frontend.jpg?x86293)
Why is Front-End Development So Unstable?
Jimmy Breck-McKye analyses why front-end technology changes so quickly.
Read it![C420_deep](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_deep.jpg?x86293)
Jeeliz Face Filter
A face detection and tracking library in JavaScript based on WebGL deep learning.
Check it out![C420_uikit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_uikit.jpg?x86293)
Pawtastic UI Kit for Adobe XD
A beautiful UI Kit to get you started with Adobe XD.
Get it![C420_logo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_logo.jpg?x86293)
Building a responsive image
A step-by-step guide for creating a responsive logo by Nils Binder.
Read it![C420_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_font.jpg?x86293)
Free Font: Bedebah
A unique looking display typeface designed by Holis Majid.
Get it![C420_francine](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_francine.jpg?x86293)
Solving Life's Problems with CSS
A great article where Diana Smith shares a nifty CSS technique she used for creating Francine.
Read it![C420_grid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_grid.jpg?x86293)
Scantron Answer Sheet
A realistic looking Scantron answer sheet replication powered by CSS grid by Jon Kantner.
Check it out![C420_loader](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_loader.jpg?x86293)
Prerender-loader
Pre-rendering describes the process of rendering a client-side application at build time, producing useful static HTML that can be sent to the browser instead of an empty bootstrapping page.
Check it out![C420_buttons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_buttons.jpg?x86293)
Buttons falling apart
A playful shattering button demo by Mikael Ainalem.
Check it out![C420_code](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_code.jpg?x86293)
code.xyz
An embeddable development environment for easily building APIs, webhooks, and workflow automation tasks that run atop StdLib infrastructure. Read more about it here.
Check it out![C420_deno](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_deno.jpg?x86293)
Deno
A secure TypeScript runtime on V8 that supports TypeScript 2.8 out of the box. By Ryan Dahl.
Check it out![C420_grids](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_grids.jpg?x86293)
Grid System Library
KK UI Store's library of grid systems for iOS, Android and Bootstrap.
Check it out![C420_Bolsters](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_Bolsters.jpg?x86293)
Bolsters Design Project
Some wonderful and inspiring UI design work by Tai Chen.
Check it out![C420_36](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C420_36.jpg?x86293)
36 Days of Type Video
In case you missed it: Ben Huynh's amazing compilation of this year's creative type challenge.
Watch it