Collective #573
Publikováno: 12.12.2019
Building A CSS Layout * Leonardo * React View * No to Chrome * Game accessibility and the Web
Collective #573 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: Plink
Super-smooth animated models make Plink such a great browsing experience. Our pick this week.
Clubhouse: efficient teamwork, without silos
Clubhouse is the first software project management platform that brings everyone on every team together to build better products.
Interactivity and Animation with Variable Fonts
Some fantastic examples of creative experiments with variable fonts by Mandy Michael.
Write three.js in React Using react-three-fiber
A great tutorial by Robert Borghesi on how to change one’s approach of writing 3D using three.js, leveraging React and using the react-three-fiber library.
Drawing Homer Simpson using circles in CSS
Read how Alvaro Montoro drew Homer Simpson in CSS, using only circles.
Leonardo: an open source contrast-based color generator
Read all about Leonardo, a color generator that helps with creating beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.
7 Uses for CSS Custom Properties
Some clever and useful examples of how to take advantage of CSS variables. By Michelle Barker.
No to Chrome
It’s important to raise awareness about the surveillance machine Google has become and “No to Chrome” is an attempt to do so by urging to seek out a better web browser as a simple first step to oppose Google’s intrusive disregard for our rights.
Spiral generator
A very nice spiral shape generator by Fabio Ottaviani.
Game accessibility and the Web
Learn what accessible games are and how to use assistive technologies for games compiled to the web. By Matthew Atkinson.
Z’s Still Not Dead Baby, Z’s Still Not Dead
Andy Clarke encourages us to move beyond flatness and shows five CSS properties which help bring depth and richness to a design.
React View
React View is a set of tools that aspires to close the gap between users, developers and designers of component libraries.
Building A CSS Layout: Live Stream With Rachel Andrew
Rachel Andrew talks about how to build a CSS layout using Grid and Flexbox.
Learning Modern JavaScript with Tetris
Michael Karén writes about the basics in game development by the example of the classic game of Tetris.
It’s Centred That
The festive Christmas edition of the epic design challenge.
The Complete Guide to JavaScript Classes
Learn all about JavaScript classes in this guide by Dmitri Pavlutin.
SVG clip-path masking effect
Niklas Knaack’s dynamic clip-path experiment.
Cybertruck with Babylon.js
Hitesh Sahu created this fantastic demo of a cybertruck using Babylon.js.
The unseen performance costs of modern CSS-in-JS libraries in React apps
Aggelos Arvanitakis aims to demystify the high-level strategies of the most popular CSS-in-JS libraries and discusses the performance issues they may introduce along with techniques to mitigate them.
WOOBRO.design
High-quality vector illustrations free for commercial or personal use.
Building a Physics-based 3D Menu with Cannon.js and Three.js
Learn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.
Collective #573 was written by Pedro Botelho and published on Codrops.