Collective #368

Snag the hottest new domain name for designers
.design domains were just released and some of the best ones are still available. Normally cost $35 but Codrops readers get them now for FREE.
Check it out
Scrollama
Scrollama is a modern and lightweight JavaScript library for scrollytelling using IntersectionObserver in favor of scroll events.
Check it out
Shaderland
The fantastic visual laboratory of Leon Denise where he shares his experiments.
Check it out
Faux Grid Tracks
Eric Meyer's solution to "fake" the styling of rows and columns in CSS grid.
Read it
Free Font: Héctor
Cristian Lépez designed this playful display font.
Get it
Introducing Team discussions
Read about this great new GitHub feature.
Read it
Scandi Holidays Vector Pack
A fascinating set of holiday vectors with a Scandinavian folk style.
Get it
Tapwater
A place to organize and bring clarity to your projects.
Check it out
Black Lotus
Beautiful project by Adrien Lamy.
Check it out
Skeuomorphic Design - A controversial UX approach that is making a comeback
Read how skeuomorphism is experiencing a comeback. By Justin Baker.
Read it
Fun With WebGL 2.0
A great WebGL tutorial series by SketchpunkLabs. Find the code examples here.
Watch it
Basic JavaScript Event Throttling
Amelia Bellamy-Royds shows how to throttle JavaScript events.
Read it
Recreating the Apple Watch Breathe App Animation
Geoff Graham recreates the design of the Breathe app in vanilla CSS.
Read it
Pliim
A very useful app that puts your Mac into presentation mode.
Check it out
I built an app that makes learning algorithms and data structures way more fun
Peter Weinberg wanted to make learning algorithms more fun and created an app for it.
Read it
Chartkick
With Chartkick you can easily create beautiful JavaScript charts with just one line of React.
Check it out
Free Font: Koara
A beautiful nature inspired typeface by Rosario Nocera. Many free styles are offered.
Check it out
Dynamic import()
Mathias Bynens compares the static import
to the new dynamic import()
in this article.

Maze
A fantastic little CSS game by Itzik Pop.
Check it out
WebAssembly support now shipping in all major browsers
Read how the binary file format ("wasm") that works with JavaScript to run web applications at near-native speeds is getting supported in all major browsers.
Read it
Shredder Redux
An even better version of the Polygon Shredder by Jaume Sanchez.
Check it out
The Current State of Element Queries
Read about the work and wish list around "element queries" in this article by Dennis Gaebel
Read it
Sanity
Sanity is an easy to use, fully customizable, headless CMS.
Check it out