Collective #574
Publikováno: 16.12.2019
Happy Hues * JavaScript Visualized * Styled Components, Styled Systems * Raw WebGL * Bravo Studio App
Collective #574 was written by Pedro Botelho and published on Codrops.

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.

Bravo Studio App
An apps that lets you turn Figma prototypes into native iOS and Android apps without having to write code.

Styled Components, Styled Systems and How They Work
Chris DePaul explains how styled-components and styled-systems operate together.

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.

JSON Parser with JavaScript
Tan Li Hau’s step-by-step guide to implementing a JSON parser in JavaScript.

Happy Hues
Happy Colors 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.

A Blind System Administrator’s Journey to Microsoft
Ryan Shugart shares his interesting journey to his current position at Microsoft.

JavaScript Visualized: the JavaScript Engine
Understand the basics of how the JavaScript engine handles human-friendly JS code in this article by Lydia Hallie.

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.

The Icon Kaleidoscope
Jon Friedman on the amazing project of redesigning over 100 icons for the Microsoft ecosystem.

CSS 3D transformations & SVG
Nikolas Zimmermann’s great work on enabling CSS 3D transformations in Webkit SVG.

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.

Getting Started with Web Performance
Karolina Szczur explains critical web performance concepts and strategies.

Tesla Cybertruck in Three.js
A really cool Cybertruck demo by Jon Kantner.

Challenging projects every programmer should try
Austin Henley’s suggestions for side projects every programmer should challenge themselves with.

The Loss Of Micro-Privacy
Adrian Zumbrunnen writes about the impact of messaging apps on our privacy.

Why <details> is Not an Accordion
Dave Rupert shares some sobering insight on the <details> element he gained when tasked to build an accordion.

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.

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.

Develop, Debug, Learn? A time to re-think our tooling.
Chris Heilmann’s write-up of his talk at DotJS Paris.

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.
Collective #574 was written by Pedro Botelho and published on Codrops.