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