Collective #295
![C295_ServiceWorkers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_ServiceWorkers.jpg?x86293)
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![C295_LintingwithCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_LintingwithCSS-1.png?x86293)
Linting HTML using CSS
Some useful tricks for detecting bad markup with CSS. By Ire Aderinokun.
Read it![C295_Gravity](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_Gravity.png?x86293)
Gravity
Gravity is a powerful, dynamically typed, lightweight and embeddable programming language written in C.
Check it out![C295_WWW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_WWW.png?x86293)
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![C295_Sequencer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_Sequencer.png?x86293)
Bi-directional Step Sequencer
An awesome Web Audio and Tone.js powered sequencer demo by Jake Albaugh.
Check it out![C295_BetterWebT](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_BetterWebT.png?x86293)
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![C295_GridDemos](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_GridDemos.png?x86293)
Grid Layout
An awesome collection of grid layout demos by Gabi.
Check it out![C295_Soundy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_Soundy.png?x86293)
Soundy
Soundy is just like Giphy but for sounds.
Check it out![C295_Ostkreuz](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_Ostkreuz.png?x86293)
Free Font: Ostkreuz
Tomas Clarkson designed this cool Blackletter typeface.
Get it![C295_SketchProject](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_SketchProject.png?x86293)
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![C295_XMen](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_XMen.png?x86293)
CSS X-Men
Ryan Spilhaus made these fabulous CSS X-Men.
Check it out![C295_WelcomeCSSGrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_WelcomeCSSGrid.png?x86293)
Welcome to the Grid
Eric Meyer's thoughts on the new grid layout.
Read it![C295_Touch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_Touch.jpg?x86293)
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![C295_clipboard](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_clipboard.jpg?x86293)
Reimagining Clipboards on Mobiles
An article that explores how to make copy-paste of multiple elements easy and seamless.
Read it![C295_GridLayoutMDN](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_GridLayoutMDN.png?x86293)
CSS Grid Layout
The MDN tutorials and articles on CSS Grid are a great reference to the new layout module.
Read it![C295_CookingDesignSystmes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_CookingDesignSystmes.png?x86293)
Cooking with Design Systems
Dan Mall shows how to set up a design system by the analogy of stocking up a kitchen.
Read it![C295_WebAudio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_WebAudio.png?x86293)
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![C295_Firefox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_Firefox.jpg?x86293)
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![C295_TMDbVue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_TMDbVue.jpg?x86293)
The Movie Database App
TMDb Vue.js app made by Dmytro Barylo.
Check it out![C295_Handroboto](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_Handroboto.jpg?x86293)
Free Font: HandRoboto
A friendly font with a hand drawn touch designed by GreenCube Graphics.
Get it![C295_MaintainableCode](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_MaintainableCode.jpg?x86293)
Three Attitudes that Lead to Maintainable Code
Some easy to remember ideas for keeping code maintainable. By Brian Vanderwal.
Read it![C295_GeeksTreasureChest](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C295_GeeksTreasureChest.png?x86293)
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