Collective #361

Inspirational Website of the Week: Airfrance Music
A nice way to browse through a music library. Our pick this week.
Get inspired
Build Things Visually with Divi 3.0
Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.
Try it now
HEML
HEML is an open source markup language for building responsive emails.
Check it out
Demopack
With Demopack you can easily set up a pre-configured, live reloading Webpack server for quick demos and tutorials.
Check it out
Sketching Interfaces
Benjamin Wilkins from Airbnb writes about how to generate code from low fidelity wireframes.
Read it
Saying Goodbye to Firebug
It's time to say goodbye to this amazing historic web development tool.
Read it
Sonar
A great linting tool for the web.
Check it out
Unlocking the Benefits of CSS Variables
A useful overview of CSS variables by Jonathan Harrell.
Read it
Canvas Filters
A demo by Blake Bowen where you can see CSS and SVG filters inside a canvas context in action (Firefox and Chrome).
Check it out
The Output Element
Robin Rendle explores the lesser known <output> element and shows what you can do with it.
Read it
Fuzzy Creature
A demo of a fuzzy looking creature by Szenia Zadvornykh.
Check it out
Webpack Monitor
Webpack Monitor provides analysis of efficiency throughout the development process of your app.
Check it out
Coding with Clarity
Brandon Gregory writes on how to organize your code properly.
Read it
No, I have no side code projects to show you
Ezekiel Buchheit writes on how "being passionate" as a developer should not require having side projects.
Read it
Quick Wins For Improving Performance And Security Of Your Website
Some useful tips for making your website security and performance better. By Jonas Krummenacher.
Read it
ES6: Default arguments
Remy Sharp explains ES6 default arguments.
Read it
WordPress + PWAs = <3
See how integrating PWA into the workflow of platforms such as WordPress and other CMSes can improve user experience.
Watch it
Gmail add-ons framework now available to all developers
Google is extending the Gmail add-on preview to include all developers.
Read it
Uncaptcha
Uncaptcha can defeat Google's audio reCaptcha system with 85% accuracy.
Check it out
iPhone Mockups (PS, Sketch)
Great, free iPhone X, 8, SE vector presentation mockups by KK UI Store.
Get it
react-virgin
A boiler plate UI kit for your React Native projects.
Check it out
Neural Networks API
Android 8.1 now comes with a powerful Neural Networks API.
Read it
Free Font: Inter UI Version 2.2
Inter UI is a very legible font for computer screens. Designed by Rasmus Andersson.
Get it