Collective #481
Publikováno: 7.1.2019
SVG Gradient Map Filter * Fancy Function Parameters * Algorithms * Tap to Dismiss * WebsiteVoice
Collective #481 was written by Pedro Botelho and published on Codrops.

SVG Gradient Map Filter
A great tool by yoksel for creating filters with Gradient Map allowing for Duotone effects.

The Most Hearted Pens of 2018
The one hundred most loved Codepen demos of 2018.

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.

Tap to Dismiss
Linzi Berry shows how to design accessible escape hatches for modals.

FBT
FBT is an internationalization framework by Facebook designed to be both powerful and flexible, but also simple and intuitive.

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.

A Beginner’s Guide to GraphQL
Leonardo Maldonado explains how GraphQL works in practice.

All Gone (No Escape II)
A mesmerizing demo by Gerard Ferrandez.

The Elements of UI Engineering
An insightful summary by Dan Abramov on the challenges of user interfaces.

omniclone
An isomorphic and configurable JavaScript utility for objects deep cloning.

Fancy Function Parameters
Jake Dohm shows how to refactor the renderList
function to make its declaration and uses cleaner and more readable.

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.

WebsiteVoice
A tool that lets you turn articles to high-quality audio.

Flipping Out
Jon Kantner created this demo of arrays of animated table flipping text emoticons.

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.

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.

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.

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.

Static Site Boilerplate
A boilerplate for static websites with automated build processes, a local development server, production minification and optimizations.

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.
Collective #481 was written by Pedro Botelho and published on Codrops.