Collective #361
![C361_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_WOTW.jpg?x86293)
Inspirational Website of the Week: Airfrance Music
A nice way to browse through a music library. Our pick this week.
Get inspired![C302_Divi](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/04/C302_Divi.png)
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![C361_heml](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_heml.jpg?x86293)
HEML
HEML is an open source markup language for building responsive emails.
Check it out![C361_Demopack](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_Demopack.jpg?x86293)
Demopack
With Demopack you can easily set up a pre-configured, live reloading Webpack server for quick demos and tutorials.
Check it out![C361_wireframe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_wireframe.jpg?x86293)
Sketching Interfaces
Benjamin Wilkins from Airbnb writes about how to generate code from low fidelity wireframes.
Read it![C361_firebug](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_firebug.jpg?x86293)
Saying Goodbye to Firebug
It's time to say goodbye to this amazing historic web development tool.
Read it![C361_sonar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_sonar.jpg?x86293)
Sonar
A great linting tool for the web.
Check it out![C361_variables](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_variables.jpg?x86293)
Unlocking the Benefits of CSS Variables
A useful overview of CSS variables by Jonathan Harrell.
Read it![C361_canvasfilters](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_canvasfilters.jpg?x86293)
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![C361_output](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_output.jpg?x86293)
The Output Element
Robin Rendle explores the lesser known <output> element and shows what you can do with it.
Read it![C361_fuzzy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_fuzzy.jpg?x86293)
Fuzzy Creature
A demo of a fuzzy looking creature by Szenia Zadvornykh.
Check it out![C361_webpack](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_webpack.png?x86293)
Webpack Monitor
Webpack Monitor provides analysis of efficiency throughout the development process of your app.
Check it out![C361_cleancoding](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_cleancoding.jpg?x86293)
Coding with Clarity
Brandon Gregory writes on how to organize your code properly.
Read it![C361_nosideproject](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_nosideproject.jpg?x86293)
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![C361_perfomrance](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_perfomrance.jpg?x86293)
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![C361_ES6](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_ES6.jpg?x86293)
ES6: Default arguments
Remy Sharp explains ES6 default arguments.
Read it![C361_pwa](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_pwa.jpg?x86293)
WordPress + PWAs = <3
See how integrating PWA into the workflow of platforms such as WordPress and other CMSes can improve user experience.
Watch it![C361_gmail](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_gmail.jpg?x86293)
Gmail add-ons framework now available to all developers
Google is extending the Gmail add-on preview to include all developers.
Read it![C361_decaptcha](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_decaptcha.jpg?x86293)
Uncaptcha
Uncaptcha can defeat Google's audio reCaptcha system with 85% accuracy.
Check it out![C361_mockup](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_mockup.jpg?x86293)
iPhone Mockups (PS, Sketch)
Great, free iPhone X, 8, SE vector presentation mockups by KK UI Store.
Get it![C361_react](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_react.jpg?x86293)
react-virgin
A boiler plate UI kit for your React Native projects.
Check it out![C361_NN](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_NN.jpg?x86293)
Neural Networks API
Android 8.1 now comes with a powerful Neural Networks API.
Read it![C361_Font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C361_Font.jpg?x86293)
Free Font: Inter UI Version 2.2
Inter UI is a very legible font for computer screens. Designed by Rasmus Andersson.
Get it