Collective #238

Staticman
Staticman handles user-generated content for static sites. A great project by Eduardo Bouças.
Check it out
‘Best Checking Account in America’ – Money magazine
The Aspiration Summit Account was named the 'Best Checking Account in America'. Get 1.00% APY & unlimited ATM fee reimbursements!
Check it out
Communicating Animation
An in-depth article by Rachel Nabors on how to effectively define and document a language of animation.
Read it
Pixambo
Pixambo is a new stock photo site where you can find free high-quality images for your projects.
Check it out
10k Apart
The ultimate contest for building a compelling web experience that can be delivered in 10kB and works without JavaScript.
Enter
Things I've Learned About Responsive Email Design
Lee Munroe gives some excellent insight into the world of responsive email design in this third post of the series on email.
Check it out
Eex
Awesome web experiments built by Dennis Jin.
Check it out
Camcons (PNG, SVG)
Some nice and sharp icons all around photography by Iconjar.
Get it
What's new in Web Audio?
All the changes and new properties and methods of the Web Audio API summarized by Soledad Penadés.
Read it
Hello Color
A functional color combination generator with contrast info made by Brent Jackson.
Check it out
SVG Stroke FTW!
Dan Klammer shows how flexible web icon styling becomes when using SVG strokes.
Check it out
Staggering Animations
David DeSandro explains how he created some energetic staggering animations for Isotope.
Read it
Sw-delta
Sw-delta is a project that makes the browser download only the delta (= diff = incremental download) between the previously cached file and the required version of the file. It is based on the Service Worker API. Made by Gaël Métais.
Check it out
How to create a simple layout with CSS Grid Layouts
A great tutorial by Abbey Fitzgerald where she shows how to get started with CSS Grid Layouts.
Read it
Indie Hackers
Indie Hackers is a place for founders to share and for everybody to learn. A platform developed by Courtland Allen.
Check it out
The rise of functional programming & the decline of Angular 2.0
A very interesting article on the rise of functional programming the implications for Angular 2.0.
Read it
A process for building out color palettes
An interesting article by Laura Zinssmeister on how to build your color palette alternatively to using a generator.
Read it
Better keyboard navigation with progressive enhancement
Christian Heilmann shows how make progressively enhanced keyboard navigations.
Read it
The future of UX design
A very insightful read on the future of UX and why it has to evolve by Nikkel Blaase.
Check it out
The Sports Pictograms of the Olympic Summer Games from Tokyo 1964 to Rio 2016
A great overview of all the different styles of pictograms used for the Olympic Games throughout the year.
Check it out
Free Font: Ugly Sweater
A cool stitch-like font in honor of those ugly Christmas sweaters. Designed by Victor "Vams" Mejia.
Get it