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
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
The post Collective #699 appeared first on Codrops.