Collective #295

Testing Service Workers
Learn about some approaches to test service workers in the latest service worker libraries the Chrome DevRel team have been working on. By Matt Gaunt.
Read it
Linting HTML using CSS
Some useful tricks for detecting bad markup with CSS. By Ire Aderinokun.
Read it
Gravity
Gravity is a powerful, dynamically typed, lightweight and embeddable programming language written in C.
Check it out
World Wide Web, Not Wealthy Western Web (Part 1)
An excellent article by Bruce Lawson with practical and insightful data on the impressive reality of Web usage around the globe.
Read it
Bi-directional Step Sequencer
An awesome Web Audio and Tone.js powered sequencer demo by Jake Albaugh.
Check it out
Better Web Type
Better Web Type is an easy-to-follow web typography email course for web designers and web developers. By Matej Latin.
Check it out
Grid Layout
An awesome collection of grid layout demos by Gabi.
Check it out
Soundy
Soundy is just like Giphy but for sounds.
Check it out
Free Font: Ostkreuz
Tomas Clarkson designed this cool Blackletter typeface.
Get it
A Step-by-Step Guide for Starting a New App Design Project in Sketch
Jon Moore shows how to start a new app design project in Sketch.
Read it
CSS X-Men
Ryan Spilhaus made these fabulous CSS X-Men.
Check it out
Welcome to the Grid
Eric Meyer's thoughts on the new grid layout.
Read it
Design for Fingers, Touch, and People (Part 1)
Part 1 of Steven Hoober's updated overview of how people interact with touchscreen devices.
Read it
Reimagining Clipboards on Mobiles
An article that explores how to make copy-paste of multiple elements easy and seamless.
Read it
CSS Grid Layout
The MDN tutorials and articles on CSS Grid are a great reference to the new layout module.
Read it
Cooking with Design Systems
Dan Mall shows how to set up a design system by the analogy of stocking up a kitchen.
Read it
Introduction to Web Audio API
Learn about working with the Web Audio API by building some fun and simple projects. By Greg Hovanesyan.
Read it
Firefox 52: Introducing Web Assembly, CSS Grid and the Grid Inspector
Dan Callahan writes about some exciting new things available in the latest Firefox version.
Read it
The Movie Database App
TMDb Vue.js app made by Dmytro Barylo.
Check it out
Free Font: HandRoboto
A friendly font with a hand drawn touch designed by GreenCube Graphics.
Get it
Three Attitudes that Lead to Maintainable Code
Some easy to remember ideas for keeping code maintainable. By Brian Vanderwal.
Read it
Freebie: Hand-drawn Geek’s Treasure Chest
A set of 60 hand-drawn, playful illustrations all around tech and Web, perfect for giving that unique touch to your next project.
Get it