Collective #574

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
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
Styled Components, Styled Systems and How They Work
Chris DePaul explains how styled-components and styled-systems operate together.
Read it
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
JSON Parser with JavaScript
Tan Li Hau's step-by-step guide to implementing a JSON parser in JavaScript.
Read it
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
A Blind System Administrator’s Journey to Microsoft
Ryan Shugart shares his interesting journey to his current position at Microsoft.
Read it
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
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
The Icon Kaleidoscope
Jon Friedman on the amazing project of redesigning over 100 icons for the Microsoft ecosystem.
Read it
CSS 3D transformations & SVG
Nikolas Zimmermann's great work on enabling CSS 3D transformations in Webkit SVG.
Read it
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
Getting Started with Web Performance
Karolina Szczur explains critical web performance concepts and strategies.
Read it
Tesla Cybertruck in Three.js
A really cool Cybertruck demo by Jon Kantner.
Check it out
Challenging projects every programmer should try
Austin Henley's suggestions for side projects every programmer should challenge themselves with.
Read it
The Loss Of Micro-Privacy
Adrian Zumbrunnen writes about the impact of messaging apps on our privacy.
Read it
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
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
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
Develop, Debug, Learn? A time to re-think our tooling.
Chris Heilmann's write-up of his talk at DotJS Paris.
Read it
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