Collective #699

Inspirational Website of the Week: ThoughtLab
Very sharp typography and an interesting bubble motif. Our pick this week.
Get inspired

Offscreen Canvas
A fantastic new weekly WebGL and creative coding newsletter. By Daniel Velasquez.
Check it out

The State of JS 2021
The 2021 edition of the annual survey about the latest trends in the JavaScript ecosystem.
Check it out

gsap-video-export
A very handy tool for easily exporting GreenSock (GSAP) animations to video. By Chris Johnson.
Check it out

Hello, CSS Cascade Layers
In this article, you’ll learn how cascade layers work, and how they will help you write CSS with more confidence, along with use-cases and examples.
Read it

Rapidly create websites with Divi
With the Divi Layout Packs you’ll get world-class designs ready to be used for your client projects.
Check it out

Cowsay
A supercool cowsay web interface made with Svelte and HTML Canvas. Copy the ASCII art, or save it as an image. By Shajid Hasan.
Check it out

Getting Started With the File System Access API
In this article you’ll learn all about the File System Access API, the web API that allows read and write access to a user’s local files. By Charlie Gerard.
Check it out

Minze
Minze lets you rapidly build native web components. Create encapsulated, reusable, cross-framework web components and scale your component library with ease.
Check it out

CSS Polka Dot Generator
A great tool for generating CSS-only polka dot patterns and corresponding CSS custom variables for you to reuse.
Check it out

Ripped paper
A beautiful ripped paper hover effect made with OGL. The code can be found here. By Clément Roche.
Check it out

Move over JavaScript: Back-end languages are coming to the front-end
A new crop of tools is helping developers build web UI components on the backend, all without JavaScript.
Read it

pppointed
An SVG arrow builder where you can customize the arrowhead style, curves of the arrow and add some stylistic dashes.
Check it out

UI Icons
Many essential icons for user interfaces, based on a tiny 14px grid. Licensed under CC 4.0.
Check it out

Maximilian Berndt
Creative Developer Maximilian Berndt has a beautiful new gallery view of his experiments made with OGL.
Check it out

Tally Forms
In case you didn’t know about it: a code-less forms & surveys maker that is free.
Check it out

hue.tools
An open source color toolkit with color mixer, blender, info and modifier.
Check it out

How does UTF-8 turn “
” into “F09F9882”?
Seth Michael Larson explains how UTF-8 works in wonderful diagrams.
Read it

A shell command to create JSON: jo
Jan-Piet Mens created “jo”, a very useful shell command to create JSON easily.
Check it out

Jahneration Game
A nice game created already a while back but put live now for Jahneration’s concert. Read more about it here.
Check it out

Digital Curator
An impressive fine art exploration by computer vision.
Check it out

Sha256 Algorithm Explained
A visual step-by-step explanation of the Sha256 algorithm.
Check it out

Single-file PHP file manager, browser and photo gallery
Files is a single-file PHP app that can be dropped into any folder on server, instantly creating a beautiful gallery of folders, files and photos.
Check it out