Inspirational Website of the Week: También
A beautiful design with smooth animations and lovely interactions. Our pick this week.
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.
Stable Fluids with three.js
Misaki Nakano writes about fluid simulation and shows how to implement Navier-Stokes equations.
FauxPilot
FauxPilot is an attempt to build a locally hosted version of GitHub Copilot.
WebGL Glass and Refraction
Daniel Velasquez exploring how refraction techniques work in this Offsceen Canvas issue.
CSS Tip with :has()
Jhey Thompkins shows a powerful example on how to use the CSS :has() selector.
Zazow
An algorithmic generative art maker where you can chose an algorithm and create unique digital artworks.
Astro 1.0
Read all about the release of Astro, a web framework for building fast, content-focused websites.
The Infinite Marquee
Ryan Mulligan shows how to code a responsive looping marquee-style animation using HTML and CSS.
Playcode
A JavaScript playground with instant live preview and console.
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.
Not All Zeros are Equal
Miriam Suzanne writes about situations where removing units from any 0 value will break your code.
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.
Botspam Apocalypse
A very interesting write up on how bots are crippling the Internet ecosystem.
Joycon.js
With this lib you can add controller functionality to your JavaScript game.
adadot
Adadot is an analytics tool that helps techies achieve their strategic goals by analysing productivity and collaboration data.
Use One Big Server
Nima Badizadegan argues that using one big server is comparatively cheap and keeps your overheads at a minimum.
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.