Collective #398

Inspirational Website of the Week: Murmure
An artsy look with great typography and slick effects. Our pick this week.
Get inspired
Design, Develop and Test Your Apps with Sencha Ext JS
Build better apps faster with a single, enterprise-ready framework, complete with a robust UI component library that’s fully supported.
Try it for free
Rough.js
With Rough.js you can create graphics with a hand-drawn, sketchy, appearance.
Check it out
A DIY Web Accessibility Blueprint
Beth Raduenzel helps us create a blueprint for website accessibility.
Read it
Making WebAssembly better for Rust & for all languages
Lin Clark explains how Rust needs to work well with the JavaScript ecosystem in order to be useful as a web language.
Read it
Tandem
Tandem is a decentralized, collaborative text-editing solution that uses peer-to-peer connections to facilitate communication.
Check it out
Overlap on the Web, Graphic Design Made Easy with CSS Grid
Jen Simmons shows how CSS Grid makes it easy to create overlap in our designs.
Watch it
Consistent Design Systems in Sketch With Atomic Design and the Auto-Layout Plugin
Lucas Lemmonier shows how to have a consistent and efficient workflow in Sketch.
Read it
Free Font: Quickens
A free hand-drawn font in two styles by Graphic Goods.
Get it
Animating Elements Along SVG Paths: Introducing PathSlider
A tutorial by Luis Manuel where he shows how to use the PathSlider library to animate elements along an SVG path.
Read it
An Introduction to NGINX for Developers
Stefanos Vardalos covers some basic steps on how to install and configure the most common parts of NGINX.
Read it
Unblocking Clipboard Access
Read all about the Async Clipboard API in this article by Jason Miller.
Read it
Signing up for the newsletter
A great idea for a newsletter sign up form. By Mikael Ainalem.
Check it out
The Greatest Stories Retold
Active Theory used WebGL particles to transform 13 classic stories into their modern retelling for YoutTube's "The Greatest Stories Retold".
Check it out
Learn Bootstrap 4 in 5 minutes
Per Harald Borgen introduces you to the newest version of the worlds most popular front-end component library.
Read it
Using Chrome's 'Local Overrides' to Test Performance Hypotheses
Harry Roberts demonstrates the power of Chrome DevTools' Local Overrides, and shows what this means for performance engineers.
Watch it
Developer Survey Results
Learn about what over 100,000 developers told Stack Overflow about how they learn, build their careers, which tools they're using, and what they want in a job.
Check it out
Swapping Images with the Sizes Attribute
An interesting image swapping technique where the sizes
attribute is manipulated to swap sources in a magnifier component.

Free set of 200 vector icons for Illustrator
A set of clean and versatile line-style icons designed by Henrik Østergaard.
Get it
Toon Shading
Misaki Nakano created this fantastic "toon" shading implementation.
Check it out
Papaya
A collection of nice and free landing page templates.
Check it out
Mark Text
In case you didn't know it yet: Mark Text is an Electron based Markdown editor.
Check it out