Collective #574
![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_generative.jpg?x86293)
Taking The Web Off The Screen
A very inspiring talk by Charlotte Dann on how to bring coding and generative art to the physical realm.
Watch it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_prototype.jpg?x86293)
Bravo Studio App
An app that lets you turn Figma prototypes into native iOS and Android apps without having to write code.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_styledcomp.jpg?x86293)
Styled Components, Styled Systems and How They Work
Chris DePaul explains how styled-components and styled-systems operate together.
Read it![Divi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/Screen-Shot-2019-12-05-at-14.15.34-1.jpg?x86293)
Work with the Powerful Divi Theme Builder
Learn how you can enjoy complete control over your entire website with the new and powerful Divi Theme Builder.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574.json_.jpg?x86293)
JSON Parser with JavaScript
Tan Li Hau's step-by-step guide to implementing a JSON parser in JavaScript.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_colorthemes.jpg?x86293)
Happy Hues
Happy Hues is a color palette inspiration site that acts as a real world example of how color palettes can be used in a project. By Mackenzie Child.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_acc.jpg?x86293)
A Blind System Administrator’s Journey to Microsoft
Ryan Shugart shares his interesting journey to his current position at Microsoft.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_javascript.jpg?x86293)
JavaScript Visualized: the JavaScript Engine
Understand the basics of how the JavaScript engine handles human-friendly JS code in this article by Lydia Hallie.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_webgl.jpg?x86293)
Raw WebGL
In case you missed it: A great guide that will teach you key data structures and types that are needed to draw in WebGL.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_iconsmicrosoft.jpg?x86293)
The Icon Kaleidoscope
Jon Friedman on the amazing project of redesigning over 100 icons for the Microsoft ecosystem.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_svgwebkit.jpg?x86293)
CSS 3D transformations & SVG
Nikolas Zimmermann's great work on enabling CSS 3D transformations in Webkit SVG.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_searchengine.jpg?x86293)
The Architecture of a Large-Scale Web Search Engine, circa 2019
Another great article in the intriguing series by Cliqz that explores the technology stack they employ that powers their private search products.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_performance.jpg?x86293)
Getting Started with Web Performance
Karolina Szczur explains critical web performance concepts and strategies.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_cybertruck.jpg?x86293)
Tesla Cybertruck in Three.js
A really cool Cybertruck demo by Jon Kantner.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_codingchallenges.jpg?x86293)
Challenging projects every programmer should try
Austin Henley's suggestions for side projects every programmer should challenge themselves with.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_microprivacy.jpg?x86293)
The Loss Of Micro-Privacy
Adrian Zumbrunnen writes about the impact of messaging apps on our privacy.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_accordion.jpg?x86293)
Why <details> is Not an Accordion
Dave Rupert shares some sobering insight on the <details> element he gained when tasked to build an accordion.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_css15years.jpg?x86293)
A History of CSS Through Fifteen Years of 24 ways
Rachel Andrew takes a look back at her 24 ways contributions of the past 15 years.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_graphicstool.jpg?x86293)
Experiments in Constraint-based Graphic Design
A very interesting article on a new system called Basalt, a constraint-based graphic design tool that works based on relationships and abstractions. By Anish Athalye.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_chris.jpg?x86293)
Develop, Debug, Learn? A time to re-think our tooling.
Chris Heilmann's write-up of his talk at DotJS Paris.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C574_node.jpg?x86293)
20 ways to become a better Node.js developer in 2020
Some useful advice on how to get better at developing with Node.js by Yoni Goldberg.
Read it