Collective #724

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

Inspirational Website of the Week: También

A beautiful design with smooth animations and lovely interactions. Our pick this week.

Get inspired

Our Sponsor

Fully Managed Cloud & Web Hosting

Codrops’ host of choice since 2016 is Liquid Web because they provide an unrivaled hosting experience, delivering 99.999% uptime and 24/7 heroic human support.

Check it out

Stable Fluids with three.js

Misaki Nakano writes about fluid simulation and shows how to implement Navier-Stokes equations.

Read it

FauxPilot

FauxPilot is an attempt to build a locally hosted version of GitHub Copilot.

Check it out

WebGL Glass and Refraction

Daniel Velasquez exploring how refraction techniques work in this Offsceen Canvas issue.

Read it

CSS Tip with :has()

Jhey Thompkins shows a powerful example on how to use the CSS :has() selector.

Check it out

Zazow

An algorithmic generative art maker where you can chose an algorithm and create unique digital artworks.

Check it out

Astro 1.0

Read all about the release of Astro, a web framework for building fast, content-focused websites.

Check it out

The Infinite Marquee

Ryan Mulligan shows how to code a responsive looping marquee-style animation using HTML and CSS.

Check it out

Playcode

A JavaScript playground with instant live preview and console.

Check it out

How I Used DALL·E 2 to Generate The Logo for OctoSQL

Jacob Martin shows how he used the DALL·E 2 AI system to generate a logo for his project.

Check it out

Not All Zeros are Equal

Miriam Suzanne writes about situations where removing units from any 0 value will break your code.

Read it

Sematic

Sematic is an open-source development toolkit to help Data Scientists and Machine Learning (ML) Engineers prototype and productionize ML pipelines in days not weeks.

Check it out

Botspam Apocalypse

A very interesting write up on how bots are crippling the Internet ecosystem.

Read it

Joycon.js

With this lib you can add controller functionality to your JavaScript game.

Check it out

adadot

Adadot is an analytics tool that helps techies achieve their strategic goals by analysing productivity and collaboration data.

Check it out

Use One Big Server

Nima Badizadegan argues that using one big server is comparatively cheap and keeps your overheads at a minimum.

Read it

From Our Blog (Sponsored)

How to Copy HTML and CSS Code From Websites Easily

Learn how to use CSS Scan to easily copy styles and markup of any element on a website.

Read it