Collective #727
Inspirational Website of the Week: FREAK MAG.
A nice, unusual design with fun details and fresh colors. Our pick this week.
Check it out
Our Sponsor
Our annual Summer Sale is back! This is one of only a few times we offer our biggest discounts. Get 20% off Divi, 40% off Divi Cloud and up to 50% off products in the Divi Marketplace!
Get the deal
CSS container queries are finally here
Ahmad Shadeed writes about CSS container queries and how to use this amazing, newly supported feature in CSS.
Read it
Use the Right Container Query Syntax
Miriam Suzanne shows how to use the new size queries in CSS.
Read it
Nutshell
Nutshell is a tool to make “expandable, embeddable explanations”.
Check it out
4.2 Gigabytes, or: How to Draw Anything
A very interesting article on how to use Stable Diffusion for creating AGI art.
Read it
VRSEAT
An immersive 3D experience using Three.js for a seat picker that emulates the experience. A new project by Anderson Mancini.
Check it out
React Just Parallax
React library for scroll and mousemove parallax effects. Open source and production-ready.
Check it out
Bike Demo Three.js
Kiril Bernard Tucker created this fictive project to showcase his current skills using Three.js and GSAP.
Check it out
Building an aircraft radar system in JavaScript
Using a Software Defined Radio dongle, an antenna and the Web USB API, Charlie Gerard built an aircraft radar system to receive live data from planes flying by.
Read it
Coding a crazy weave pattern
In this video tutorial Martijn Steinrucken shows how to create a weaved pattern shader.
Check it out
Carla Trail
Ichitaro Masuda’s impressive Three.js experiment.
Check it out
Bespoke WebGL Postprocessing
Daniel Velasquez is exploring bespoke post-processing effects for day-to-day websites.
Check it out
OpenArt
Get inspired from millions of amazing DALL·E 2 art and prompts.
Check it out
Modern alternatives to BEM
Dave Rupert is brainstorming a handful of new CSS organization acronyms.
Read it
Parents counting children in CSS
Manuel Matuzović shows how to use :has() to select parent elements that have a specific number of children.
Read it
Spider
A creepy demo by Stranger in the Q.
Check it out
lllove
An SVG heart maker that makes it easy to design heart shapes and save them as SVG to use in your print or web designs.
Check it out
Headway
Self-hostable maps stack, powered by OpenStreetMap.
Check it out
Popsy
A no-code website builder that works like Notion where you can customize a design and publish.
Check it out
WebKit on GitHub!
Read how the WebKit project froze its Subversion tree and transitioned management and interaction with source code to git on GitHub.
Check it out
Googerteller
Audible feedback any time your computer sends a packet to a tracker or a Google service.
Check it out
Canva clone
React design editor using fabric.js for creating images presentations and video.
Check it out
Digs.fm
Track and organize music releases you want to listen, listened or liked.
Check it out
Why do arrays start at 0?
An intetesting article on why arrays start at 0.
Read it
From Our Blog
Inspirational Websites Roundup #41
A new, handpicked collection of the most creative and inspirational websites.
Check it out