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