Collective #202

Inspirational Website of the Week: The Grey Tales
A lovely experience with some fine effect details and great content. Our pick this week.
Get inspired
Moving along a curved path in CSS with layered animation
Tobias Ahlin shows the brilliant way of using layered animations to effectively move elements along curved paths.
Check it out
Codepad
A great new community for developers who like to share code snippets and get/give feedback. With many useful snippets. Check out the About page for more details.
Check it out
mmxv
mmxv is a review of exceptional website designs spotted in 2015, collected and curated by Daniel Riemer.
Check it out
Variables: The Backbone Of CSS Architecture
Everything you need to know about using and working with variables in your Sass project. A guide by Karen Menezes.
Read it
Feature.js
A very compact and easy-to-use browser feature detection JavaScript library made by Viljami Salminen.
Check it out
How Teespring uses Canvas, SVG, and the DOM to Design T-Shirts
A great look inside Teespring's T-Shirt designer that is powered by some modern web technology. By Justin McCandless.
Check it out
Free Font: Duwhoers Brush
Agga Swist'blnk designed this artistic brush font and you can get it for just a share.
Check it out
How to Learn ES6
Eric Elliott will show you the essential steps that will help you learn ES6 efficiently.
Check it out
Optimising SVGs for Web Use - Part 2½
Another useful part of a series by Andreas Larsen about how to optimize SVGs for the web.
Read it
Unique gradient generator
Tibor Szász created this blurry background generator that's based on a smart technique.
Check it out
Superpowers
Superpowers is an open source HTML5 development environment for making 2D and 3D games.
Check it out
Timber! Vector Elements Set (AI, EPS)
Pavel Korzhenko designed these lovely vector elements inspired by Jack London's work.
Check it out
Developing a WordPress Theme from Scratch (Part 2)
A great tutorial by Tania Rascia on how to build a WordPress theme from scratch. Check out part 1, too.
Check it out
Free Font: Qanelas Soft (Extra Bold, Ultra Light)
A brilliant new font family designed by Radomir Tinkov. Get two of the styles for free.
Get it
A Beginner's Guide To Scaling To 11 Million+ Users On Amazon's AWS
An excellent article that will enlighten you on how scaling a system to more than 11 million users works. Written by Todd Hoff.
Check it out
Labelling Form Elements
Ire Aderinokun shows a couple of great tips on providing labels for form widgets.
Read it
jQuery Cards
A repository of over 1000 quality jQuery plugins. Created and curated by Aaron Lumsden.
Check it out
SVGnest
An extremely useful, open source, browser-based tool for solving the irregular bin-packing problem for SVG shapes to optimize material use for cut outs.
Check it out
Free Font: BlowBrush
A creative hand written, marker style font designed by Petar Acanski for GraphicBurger.
Get it