Collective #724


Inspirational Website of the Week: También

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

Get inspired


Collective 720 item image
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