Collective #741
Inspirational Website of the Week: Unseen Studio
A beautiful, immersive web experience with stunning animations. Our pick this week.
Get inspired
This content is sponsored via BuySellAds
Practical, no-nonsense UI design tips
The Design Hacks newsletter will help you create better designs (even if you’re not artsy). Over 50,000 readers.
Check it out
The large, small, and dynamic viewport units
Learn all about the new CSS units that account for mobile viewports with dynamic toolbars in this article by Bramus Van Damme.
Check it out
Color Formats in CSS
In this tutorial, Josh W Comeau takes you on a tour of all the different color options in CSS.
Read it
The easiest way to get started with CSS Grid
A simple, straightforward guide to CSS Grid using grid-template-areas property to visually set the grid structure.
Check it out
GenCup
A generative art project that combines graphic design, football, and data. Using the statics of FIFA World Cup games to generate abstract compositions. Every match is a new poster.
Check it out
D2
D2 is a domain-specific language (DSL) that stands for Declarative Diagramming where you describe what you want diagrammed and it generates the image.
Check it out
gpu-io
A GPU-accelerated computing library for physics simulations and other mathematical calculations. Read more in this thread and check out the examples.
Check it out
Inkbase: Programmable Ink
What would be possible if hand-drawn sketches were programmable like spreadsheets? An amazing project shows what can be achieved.
Check it out
Little Languages Are The Future Of Programming
Learn what “Little Languages” are, why they matter and how they will shape the future of programming.
Read it
What Is the Open Web?
A working definition of an Open Web and what we can strive for to building an open and sustainable internet.
Read it
The BBC’s 15 Web Principles – 15 years later
Back in 2007 the BBC published a document showing their 15 Web Principles. Terence Eden takes a look at how they stack up today.
Read it
FFmpeg – Ultimate Guide
This guide covers the ins and outs of FFmpeg starting with fundamental concepts and moving to media transcoding and video and audio processing along with practical example.
Read it
Score
Score is an open source, platform-agnostic, container-based workload specification.
Check it out
You don’t need HTML!
Sir Tim lied to you, you only need Unicode! 
Check it out
Infisical
An open source, end-to-end encrypted tool that lets you securely sync secrets and environment variables across your team and infrastructure.
Check it out
Llama
A simple and minimalistic terminal file manager.
Check it out
Act
Run your GitHub Actions locally for fast feedback and replacing your makefile.
Check it out
Sekisui House Fact Book 2022
A beautiful interactive web experience with creative transitions powered by Three.js.
Check it out
Three.js and Sobel
Jesper Vos explains how he coded very interesting portal effect.
Check it out
Three CSS tips for working with inconsistently sized logos
Some super useful CSS to work with logos that are of a different size. By Wes Bos.
Check it out
From Our Blog
Sketchy Pencil Effect with Three.js Post-Processing
A tutorial where you’ll learn how to create a pencil effect with a sketchy look using Three.js post-processing.
Read it