Collective #199

Inspirational Website of the Week: Bonne Marque

An very innovative user experience with great typography made us pick Bonne Marque as inspirational this week.

ScrollReveal

ScrollReveal makes scroll animations for web and mobile browsers super easy. Made by Julian Lloyd.

Interaction Is an Enhancement

Aaron Gustafson writes about how viewing JavaScript as a given creates the illusion of control and discusses the issues that arise from this view.

'Touch Keyboard' Implementations Have Improved Just 9% Since 2013 (60% Still Get it Wrong)

Christian Holst on the shocking benchmark that reveals how 54% of mobile sites fail to invoke optimized touch keyboards for either phone, ZIP code, or credit card form fields.

JavaScript Developer Survey Results

Get some interesting insights from this survey conducted by Nicolás Bevacqua.

The Web Accessibility Basics

Marco Zehe's list of absolute web accessibility basics every web developer should know about.

Animating Clipped Elements In SVG

Dennis Gaebel explains the difference between an SVG clipPath and a CSS clip-path and shows some creative examples.

Grid Systems for Screen Design

Johan Prag from Figma dives into the idea of grids as being foundational for flexible canvases as they are for a fixed page.

Building a Better Web Browser

James Mickens on building better, more robust and secure web browsers.

Pseudo and pseudon’t

Icky or not, this CSS trick by Jeremy Keith makes filled inputs awesome.

SVG icons are easy but the fallbacks aren't

Matt Hinchliffe shows how difficult it can be to provide straightforward fallbacks for SVG on the web.

A great bundle of 110 Christmas icons and illustrations designed by Anastasia Kolisnichenko for Smashing Magazine.

Urku HTML5 Portfolio Website

Urku Portfolio is a clean and flexible free website template made by Pixeden.

Introducing Background Sync

Learn all about 'background sync', a new web API that lets you defer actions until the user has stable connectivity. By Jake Archibald.

Compiling to WebAssembly: It's Happening!

WebAssembly is a binary format for compilation to the web. Read why it's an exciting time now for it's design and implementation in this article by Alon Zakai.

Domino

Roi Lipman created this cool demo with Three.js, Node.js and Physijs where you can build domino layouts and make them topple.

Christmas Icons (PNG, AI)

Benjamin Bely created a beautiful set of Christmas icons in a 3 part series. Check out the rebounds to see them all.

Free Font: Tessellate Regular

A creative display sans serif typeface designed by Kylee Barnard.

Vuvuzela

Vuvuzela is a messaging system that protects the privacy of message contents and message metadata. Check out the Web Client, too.