Collective #727

Original Source: https://tympanus.net/codrops/collective/collective-727/

collective 727 item image

Inspirational Website of the Week: FREAK MAG.

A nice, unusual design with fun details and fresh colors. Our pick this week.

Check it out

collective 727 item image
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

collective 727 item image

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

collective 727 item image

Use the Right Container Query Syntax

Miriam Suzanne shows how to use the new size queries in CSS.

Read it

collective 727 item image

Nutshell

Nutshell is a tool to make “expandable, embeddable explanations”.

Check it out

collective 727 item image

4.2 Gigabytes, or: How to Draw Anything

A very interesting article on how to use Stable Diffusion for creating AGI art.

Read it

collective 727 item image

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

collective 727 item image

React Just Parallax

React library for scroll and mousemove parallax effects. Open source and production-ready.

Check it out

collective 727 item image

Bike Demo Three.js

Kiril Bernard Tucker created this fictive project to showcase his current skills using Three.js and GSAP.

Check it out

collective 727 item image

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

collective 727 item image

Coding a crazy weave pattern

In this video tutorial Martijn Steinrucken shows how to create a weaved pattern shader.

Check it out

collective 727 item image

Carla Trail

Ichitaro Masuda’s impressive Three.js experiment.

Check it out

collective 727 item image

Bespoke WebGL Postprocessing

Daniel Velasquez is exploring bespoke post-processing effects for day-to-day websites.

Check it out

collective 727 item image

OpenArt

Get inspired from millions of amazing DALL·E 2 art and prompts.

Check it out

collective 727 item image

Modern alternatives to BEM

Dave Rupert is brainstorming a handful of new CSS organization acronyms.

Read it

collective 727 item image

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

collective 727 item image

Spider

A creepy demo by Stranger in the Q.

Check it out

collective 727 item image

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

collective 727 item image

Headway

Self-hostable maps stack, powered by OpenStreetMap.

Check it out

collective 727 item image

Popsy

A no-code website builder that works like Notion where you can customize a design and publish.

Check it out

collective 727 item image

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

collective 727 item image

Googerteller

Audible feedback any time your computer sends a packet to a tracker or a Google service.

Check it out

collective 727 item image

Canva clone

React design editor using fabric.js for creating images presentations and video.

Check it out

collective 727 item image

Digs.fm

Track and organize music releases you want to listen, listened or liked.

Check it out

collective 727 item image

Why do arrays start at 0?

An intetesting article on why arrays start at 0.

Read it

collective 727 item image
From Our Blog

Inspirational Websites Roundup #41

A new, handpicked collection of the most creative and inspirational websites.

Check it out

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *