Collective #727

Original Source: https://tympanus.net/codrops/collective/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