Collective #732
Publikováno: 6.10.2022
State of CSS * js13kGames 2022 winners * Use cases for CSS comparison functions
Inspirational Website of the Week: Angello Torres
The portfolio of Angello Torres will pamper you with lovely details and creative typography.
Our Sponsor
Fully Managed Cloud & Web Hosting
Codrops’ host of choice since 2016 is Liquid Web because they provide an unrivaled hosting experience, delivering 99.999% uptime and 24/7 heroic human support.
State of CSS
The annual developer survey about the latest trends in CSS. Read this article by Lea Verou to learn more about it.
Use cases for CSS comparison functions
A look at some different use-cases for min(), max(), and clamp(). By Ahmad Shadeed.
WebGL Scrolling Animations
Daniel Velasquez writes about scrolling through satisfying WebGL animations in this latest issue of Offscreen Canvas.
6+5 ways to make a two-column layout: from pretty reasonable to completely wrong
Vadim Makeev’s in-depth exploration of creating a two-column layout.
Locomotive-scroll and Lenis
Read this Twitter thread by Quentin Hocdé on how and why he merged locomotive-scroll and Lenis.
kill-sticky
Bookmarklet to remove sticky elements and restore scrolling to web pages.
When going somewhere does a thing: on links and buttons
In this article Kilian Valkhof explores the roles of buttons and links.
Three.js Shield Shader
A really cool shield shader made in Three.js by Francesco Michelini.
58 bytes of CSS to look great nearly everywhere
A fantastic Gist of some very useful CSS to make a page look great.
Drawing a star with DOMMatrix
Jake Archibald shows how to use DOMMatrix for drawing shapes.
js13kGames 2022 winners
Find out who the winners of the eleventh annual js13kGames coding competition are.
I turned JS into a compiled language (for fun and Wasm)
Surma writes about the journey of transpiling JavaScript to C++.
Guitar Chords: Diagrams with Notes & Finger Positions
Get guitar chord diagrams for a whole lot of popular chords at different positions on the fretboard. The chord diagrams show finger positions and note names.
LocatorJS
In case you didn’t know about it: An extension that allows to click on an UI Component in the browser and open its code in your IDE.
SVG Animals
An amazing collection of SVG animals made with triangula by Olivier Blanc based on his photographies.
Nerfstudio
Nerfstudio provides an API that allows for a simplified end-to-end process of creating, training, and testing NeRFs.
Into the Woods
A super cool interactive experience with amazing graphics.
Meta balls + drei + react-three/rapier
Paul Henschel about pairing meta balls with react-three/rapier. See the demo here.
The Illustrated Stable Diffusion
A great visual explainer by Jay Alammar on how Stable Diffusion works.
From Our Blog
Animating Tiny Triangles with Three.js
A video coding session where you’ll learn how to animate tiny triangles to create a whirlwind-like dissolving effect in Three.js.
From Our Blog
On-Scroll Animation and View Switch
A layout with some scroll animations and a view switch where the content item images animate to a grid.