Collective #470
![C470_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_WOTW.png?x86293)
Inspirational Website of the Week: Awwwards Conference
A beautiful web experience that's so much fun to navigate. Our pick this week.
Get inspired![ElegantThemesBF](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/ElegantThemesBF.png?x86293)
Elegant Themes Black Friday Sale
The Elegant Themes Black Friday Sale will start on November 23rd at 12:00 AM UTC-5. This is the best time of the year to purchase an Elegant Themes membership or upgrade your membership to Lifetime. Thousands of free pizes are waiting.
Check it out![C470_demoboard](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_demoboard.jpg?x86293)
Demoboard: a live editor with every package on NPM
James K Nelson introduces Demoboard, a live editor for quickly creating JavaScript and Markdown demos that import any package on npm.
Check it out![C470_neurotech](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_neurotech.jpg?x86293)
Experimenting with brain-computer interfaces in JavaScript
Charlie Gerard dives into the very exciting topic of neurotechnology.
Read it![C470_workers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_workers.png?x86293)
Web workers vs Service workers vs Worklets
Ire Aderinokun's covers the differences between the three types of workers in JavaScript.
Read it![C470_magenta](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_magenta.jpg?x86293)
Making music with magenta.js
A tutorial by Monica Dinculescu on Magenta.js, a JavaScript library that helps you generate art and music on the web.
Read it![C470_designerseye](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_designerseye.jpg?x86293)
Designer's Eye
Test your skills and judge whether the dots are really in the middle of the shapes. A game by Supremo.
Check it out![C470_infographic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_infographic.jpg?x86293)
Building An Interactive Infographic With Vue.js
A tutorial by Krutie Patel where she presents a modern approach to building an interactive infographic.
Read it![C470_steve](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_steve.jpg?x86293)
Make More Pointless Things
Steve Gardner talks about why pointless projects are the best projects.
Watch it![C470_hooks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_hooks.jpg?x86293)
Cross-cutting functionality in React using Higher-Order Components, Render Props and Hooks
Paweł Grzybek's looks at the pros and cons of HOCs, render props and hooks in React.
Read it![C470_Tentacles](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_Tentacles.jpg?x86293)
Tentacles
A great demo of tentacles by Bruno Simon.
Check it out![C470_demosprocessing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_demosprocessing.jpg?x86293)
Creative Coding: Sample with Code
A fantastic resource of Processing demos by deconbatch.
Check it out![C470_serviceworker](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_serviceworker.jpg?x86293)
Let's drop a Service Worker on aerotwist.com!
In this video, Paul Lewis covers the life cycle of a Service Worker and shows how to clean up caches as you go.
Check it out![C470_newcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_newcss.jpg?x86293)
What's New In CSS?
Rachel Andrew's new version of her talk about what is new and interesting in CSS.
Check it out![C470_HTM](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_HTM.jpg?x86293)
HTM (Hyperscript Tagged Markup)
A JSX alternative using standard tagged templates, with compiler support.
Check it out![C470_interface](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_interface.jpg?x86293)
eDEX-UI
eDEX-UI is a fullscreen desktop application resembling a Sci-Fi computer interface, heavily inspired by DEX-UI and the TRON Legacy movie effects.
Check it out![C470_tools](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_tools.jpg?x86293)
Tools for Makers
A hand curated directory of tools for makers to work on their dream projects.
Check it out![C470_orano](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_orano.jpg?x86293)
Orano
An immersive project for Orano. Another great work by Bruno Simon.
Check it out![C470_bottom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_bottom.jpg?x86293)
Everyone starts from the bottom
A very motivational article by Robin Noguier where he shows some first works of designers.
Read it![C470_pop](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_pop.jpg?x86293)
Heart Chat Pop
A fun chat animation demo by Chris Gannon.
Check it out![C470_glossary](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_glossary.jpg?x86293)
Concurrency Glossary
An informal top-level overview of terms used in concurrent computing.
Check it out![C470_flame](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_flame.jpg?x86293)
#codevember - 15 - Flame
Liam Egan's Codevember demo of a flame.
Check it out![C470_spin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_spin.png?x86293)
Spin Zone
Every day of November Lars Berg creates a new fantastic sketch.
Check it out![C470_bread](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_bread.jpg?x86293)
#codevember 12/2018 — bread
Noel Delgado's adorable toaster demo for Codevember inspired by Jonas Mosesson's Moody Foodies Stickers. Check out this one, too.
Check it out![C470_puzzle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/11/C470_puzzle.jpg?x86293)
15 Puzzle
An addictive little game made by Shubham Singh in React.
Check it out