Collective #247

Inspirational Website of the Week: Benoit Challand

A cool hover browsing effect with some lovely transitions and a great layout. Out pick this week.

Settle All Bets About Your Customer's Online Experience

Capture everything, and we mean everything, about your customer experience with one easy-to-install script.

SVG Authoring Guide

Check out some best practices for creating interoperability, reusable, performant, efficient, and practical SVG documents, using explanations and code samples. By the W3C.

The Art Of Hand Lettering

Amber Bartek introduces us to the beautiful world of hand lettering.

Introducing debugger.html

Read all about the JavaScript debugger from Mozilla which was built as a web application with React and Redux. An article by Bryan Clark.

SpinThatShit

SpinThatShit is a set of SCSS mixins for single element loaders and spinners. Made by Matej Kustec.

Free Font: Melte

A unique and friendly looking typeface designed by Wassim Awadallah.

Shoutem UI

Shoutem UI is a set of styleable components that enables you to build beautiful React Native applications for iOS and Android. Made by the devs of Shoutem.

Your emails, optimized for every screen with responsive design

The devs at Google came up with the most useful media queries to support responsive design for emails. Read about it in this article.

WebGL2 Fundamentals

A great resource with articles that teach WebGL2 from basic principles. By Greggman.

GitHub Mapping

A map showing the estimates of GitHub users in cities worldwide. Made by James Milner.

React-game-kit

An awesome component library for making games with React and React Native. By the folks of Formidable.

Ambient Canvas

A cool demo by Matthew Juggins of a musical drawing app.

170 Retro Business icons for Sketch

A really nice set of business icons for Sketch made by Designer Bundle.

Don't ruin your <img>

Some useful tips on how to handle images by Anthony Ng.

A very interesting read on the parody product invented by Nice Studio.

MinMaxing: Understanding vMin and vMax in CSS

Some practical insights on the vMin and vMax units by Dudley Storey.

75 of the Smartest Resources for Web Designers

A very useful list of the best resources for web designers.

First impressions of React

Remy Sharps first impressions of using React that will give you some valuable insight to the library.

Angular 2 Animations - Foundation Concepts

Thomas Burleson shows how to build an animating Angular 2 component.

Globe Viewer

A fantastic demo that renders the globe in different ways using WebGL.