Inspirational Website of the Week: ThoughtLab
Very sharp typography and an interesting bubble motif. Our pick this week.
Offscreen Canvas
A fantastic new weekly WebGL and creative coding newsletter. By Daniel Velasquez.
The State of JS 2021
The 2021 edition of the annual survey about the latest trends in the JavaScript ecosystem.
gsap-video-export
A very handy tool for easily exporting GreenSock (GSAP) animations to video. By Chris Johnson.
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.
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.
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.
Minze
Minze lets you rapidly build native web components. Create encapsulated, reusable, cross-framework web components and scale your component library with ease.
CSS Polka Dot Generator
A great tool for generating CSS-only polka dot patterns and corresponding CSS custom variables for you to reuse.
Ripped paper
A beautiful ripped paper hover effect made with OGL. The code can be found here. By Clément Roche.
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.
pppointed
An SVG arrow builder where you can customize the arrowhead style, curves of the arrow and add some stylistic dashes.
UI Icons
Many essential icons for user interfaces, based on a tiny 14px grid. Licensed under CC 4.0.
Maximilian Berndt
Creative Developer Maximilian Berndt has a beautiful new gallery view of his experiments made with OGL.
Tally Forms
In case you didn’t know about it: a code-less forms & surveys maker that is free.
hue.tools
An open source color toolkit with color mixer, blender, info and modifier.
How does UTF-8 turn “
” into “F09F9882”?
Seth Michael Larson explains how UTF-8 works in wonderful diagrams.
A shell command to create JSON: jo
Jan-Piet Mens created “jo”, a very useful shell command to create JSON easily.
Jahneration Game
A nice game created already a while back but put live now for Jahneration’s concert. Read more about it here.
Digital Curator
An impressive fine art exploration by computer vision.
Sha256 Algorithm Explained
A visual step-by-step explanation of the Sha256 algorithm.
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.
The post Collective #699 appeared first on Codrops.