Collective #481
![C481_gradientmap](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_gradientmap.jpg?x86293)
SVG Gradient Map Filter
A great tool by yoksel for creating filters with Gradient Map allowing for Duotone effects.
Check it out![C481_Codepen](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_Codepen.jpg?x86293)
The Most Hearted Pens of 2018
The one hundred most loved Codepen demos of 2018.
Check it out![C481_divi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_divi.jpg?x86293)
Join The Most Empowered WordPress Community On The Web
554,210 customers are building amazing websites with Divi. You can try Divi with a 30 day money back guarantee.
Try it![C481_tapdismiss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_tapdismiss.jpg?x86293)
Tap to Dismiss
Linzi Berry shows how to design accessible escape hatches for modals.
Read it![C481_FBT](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_FBT.jpg?x86293)
FBT
FBT is an internationalization framework by Facebook designed to be both powerful and flexible, but also simple and intuitive.
Check it out![C481_Algorithms](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_Algorithms.jpg?x86293)
Algorithms
A free electronic version of a soon to be published textbook by Jeff Erickson, along with other lecture notes he has written for various theoretical computer science classes at the University of Illinois, Urbana-Champaign since 1998.
Check it out![C481_graphql](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_graphql.jpg?x86293)
A Beginner's Guide to GraphQL
Leonardo Maldonado explains how GraphQL works in practice.
Read it![C481_noescape](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_noescape.jpg?x86293)
All Gone (No Escape II)
A mesmerizing demo by Gerard Ferrandez.
Check it out![C481_UIDan](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_UIDan.png?x86293)
The Elements of UI Engineering
An insightful summary by Dan Abramov on the challenges of user interfaces.
Read it![C481_omniclone](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_omniclone.jpg?x86293)
omniclone
An isomorphic and configurable JavaScript utility for objects deep cloning.
Check it out![C481_jsargument](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_jsargument.jpg?x86293)
Fancy Function Parameters
Jake Dohm shows how to refactor a function to make its declaration and uses cleaner and more readable.
Read it![C481_biafont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_biafont.jpg?x86293)
Free Font: Biasachxua
Inspired by old Vietnamese book covers, Hiep Tong designed this typeface. It's free for personal use and commercial use if you credit the author.
Get it![C481_voice](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_voice.jpg?x86293)
WebsiteVoice
A tool that lets you turn articles to high-quality audio.
Check it out![C481_flipping](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_flipping.jpg?x86293)
Flipping Out
Jon Kantner created this demo of arrays of animated table flipping text emoticons.
Check it out![C481_circleanim](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_circleanim.jpg?x86293)
HTML5 SVG Fill Animation With CSS3 And Vanilla JavaScript
Learn how to build the animated note display from the Awwwards website in this tutorial by Marina Ferreira.
Read it![C481_websitefirst](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_websitefirst.jpg?x86293)
Why Founders Should Start With a Website, Not a Mobile App
Julia Enthoven shares her opinion on why founders should *almost* always build a website first instead of a native app in the early days of a startup.
Read it![C481_hex](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_hex.jpg?x86293)
Understanding Bits, Bytes, Bases, and Writing a Hex Dump in JavaScript (Node)
Tania Rascia shares what she learned when writing a command line program that outputs a hex dump.
Read it![C481_panda](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_panda.jpg?x86293)
How I stumbled across a niche hobby I never knew existed: Drawing (and animating) in CSS
Kyle Wetton shares how he found a great new hobby on Codepen.
Read it![C481_static](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_static.jpg?x86293)
Static Site Boilerplate
A boilerplate for static websites with automated build processes, a local development server, production minification and optimizations.
Check it out![C481_revolverfont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C481_revolverfont.jpg?x86293)
Free Font: Justice Regular
Described as "rough monospace type with cowboy boots", the Justice font family is an outstanding gem. The regular style is free.
Get it