Collective #699
![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_WOTW.jpg?x86293)
Inspirational Website of the Week: ThoughtLab
Very sharp typography and an interesting bubble motif. Our pick this week.
Get inspired![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_newsletter.jpg?x86293)
Offscreen Canvas
A fantastic new weekly WebGL and creative coding newsletter. By Daniel Velasquez.
Check it out![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_statejs.jpg?x86293)
The State of JS 2021
The 2021 edition of the annual survey about the latest trends in the JavaScript ecosystem.
Check it out![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_video.jpg?x86293)
gsap-video-export
A very handy tool for easily exporting GreenSock (GSAP) animations to video. By Chris Johnson.
Check it out![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_css.jpg?x86293)
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![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_cowsay.jpg?x86293)
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![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_fileapi.jpg?x86293)
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![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_minze.jpg?x86293)
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![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_polka.jpg?x86293)
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![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_paper.jpg?x86293)
Ripped paper
A beautiful ripped paper hover effect made with OGL. The code can be found here. By Clément Roche.
Check it out![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_backend.jpg?x86293)
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![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_arrow.jpg?x86293)
pppointed
An SVG arrow builder where you can customize the arrowhead style, curves of the arrow and add some stylistic dashes.
Check it out![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_freeicons.jpg?x86293)
UI Icons
Many essential icons for user interfaces, based on a tiny 14px grid. Licensed under CC 4.0.
Check it out![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_projects.jpg?x86293)
Maximilian Berndt
Creative Developer Maximilian Berndt has a beautiful new gallery view of his experiments made with OGL.
Check it out![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_forms.jpg?x86293)
Tally Forms
In case you didn't know about it: a code-less forms & surveys maker that is free.
Check it out![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_colortool.jpg?x86293)
hue.tools
An open source color toolkit with color mixer, blender, info and modifier.
Check it out![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_utf8.jpg?x86293)
How does UTF-8 turn “😂” into “F09F9882”?
Seth Michael Larson explains how UTF-8 works in wonderful diagrams.
Read it![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_jo.jpg?x86293)
A shell command to create JSON: jo
Jan-Piet Mens created "jo", a very useful shell command to create JSON easily.
Check it out![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_game.jpg?x86293)
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![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_art.jpg?x86293)
Digital Curator
An impressive fine art exploration by computer vision.
Check it out![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_sh.jpg?x86293)
Sha256 Algorithm Explained
A visual step-by-step explanation of the Sha256 algorithm.
Check it out![Collective 699 Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/02/C699_phpgallery.jpg?x86293)
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