The best new app for newsletter reading
Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox. Add your newsletters in seconds and liberate your inbox today!
The Collective
Hand-picked interesting links for
web creators, updated daily.
Prefer a weekly digest?
Build a Product Card with Tailwind CSS
Discover intermediate and advanced styling techniques using Tailwind CSS and craft a fully responsive, professional product card for a web store in this Scrimba course. Codrops readers get 20% off Pro plans!
Synthesizing Music from JSON
Dominic Szablewski's pl_synth is a compact C and JavaScript synthesizer with a tracker for composing efficient, self-contained music files, optimized for small games and compact outputs.
How I program with LLMs
David Crawshaw details a year with LLMs, highlighting their impact on programming productivity, workflows, and testing, and introduces sketch.dev, a Go-focused LLM-integrated coding platform.
A 2-ply minimax chess engine in 84,688 regular expressions
Nicholas Carlini's Regex Chess uses 84,688 regular expressions to create a quirky and fascinating chess engine, blending humor with creative programming.
Christmas 2 Challenge
Explore creative festive 3D projects and vote for your favorites—votes are anonymous, you can select multiple entries (including your own), and the final results will be revealed once voting ends.
Stimulation Clicker
A minimalist and humorous online clicker game where players increase their "stimulation" count by clicking and unlocking upgrades, satirizing the addictive mechanics of clicker games.
:hover > :not(:hover), sorry not sorry
This article explores "focus by demotion" in CSS, showcasing creative techniques like fading and scaling non-hovered elements, advanced hover effects using :has() and custom properties, and how these approaches reduce visual clutter and enhance user focus.
DOOM: The Gallery Experience
DOOM: The Gallery Experience transforms the classic DOOM E1M1 level into a satirical virtual art gallery where players explore reimagined spaces and indulge in fine art and virtual wine.
Mokubara
An easy way to create impressive mockups for projects. It offers free 3D, animated, and realistic mockups to enhance design presentations.
CSS Flexbox Playground
The CSS Flexbox Playground is an interactive tool that lets you experiment with various Flexbox properties, see real-time changes to layouts, and copy the generated CSS for your projects.
Languine
Languine is an AI-powered, open-source command-line tool for automating localization, offering support for multiple file formats, intelligent translation features, and seamless integration into developer workflows.
World’s First MIDI Shellcode
This blog post documents an ambitious reverse engineering project on a Yamaha PSR-E433 synthesizer, culminating in the creation of "MIDI shellcode" to display the iconic "Bad Apple" video on the synth's LCD by leveraging custom assembly, memory manipulation, and MIDI protocol.
Balancing Text In CSS
This article by Ahmad Shadeed takes a deep dive into text balancing in CSS, covering features like text-wrap: balance and text-wrap: pretty to help designers and developers create cleaner, more readable layouts with practical examples and use cases.
8-bit Sine Scroller
This tutorial demonstrates how to recreate the classic 8-bit sine scroller effect using about 30 lines of JavaScript, using a bitmap font and HTML5 canvas for a nostalgic, animated text display.
Photoroom
An AI-powered photo editing tool designed to create professional-quality images by automatically removing backgrounds and enhancing visuals with ease.
API Parrot
A debugging tool for testing and simulating API calls, providing a simple interface to mimic API responses and behavior during development.
Orbit by Mozilla
Orbit lets you summarize emails, docs, articles, and videos across the web — without sacrificing your privacy.
Ghostty
Ghostty is a fast, feature-rich, and native terminal emulator designed for macOS and Linux, built with a focus on balancing speed, native UI integration, and advanced features for modern terminal use.
GitIngest
A tool that enables seamless integration of Git repositories into AI workflows, making it easier to analyze, summarize, and extract insights from codebases.
Next.js Book Inventory
A book inventory app template built with Next.js, Drizzle, and PostgreSQL to search, filter and paginate a large number of books.
Building a Design System as a Solo designer in a startup
A detailed reflection on the challenges, strategies, and successes of creating and scaling a design system at Raise.
Reweb
Reweb is a visual builder that enables fast, customizable web development with exportable Next.js and Tailwind code.
Browser Use
A tool for connecting AI agents to browsers, enabling automated browsing, scraping, and page interactions using LLM models.
View Transitions Snippets: Getting all Animations linked to a View Transition
A code snippet that explains how to retrieve and manipulate all animations associated with the View Transition API.
Context Chips in Survey Design: “Okay, but how does it feel?”
Lea Verou's article introduces "Context Chips," an innovative survey UI element designed to capture user sentiment alongside responses.
Some Things About Keyframes
Ryan Mulligan's article delves into nuances of CSS keyframe animations, covering topics like duplicate keyframe properties, the significance of keyframe rule order, and applying custom easing functions within keyframes to enhance animation control.
Bitspace
Bitspace is an open-source creative computing environment that allows users to experiment with GLSL shaders and interactive inputs in a flexible, sandbox-like prototype. By Emil Widlund.
Oniguruma-To-ES: Translate Oniguruma regexes to native JavaScript
Steven Levithan introduces Oniguruma-To-ES, an open-source project that translates Oniguruma regular expressions into native JavaScript RegExp objects.
Refraction and glass effects with #threejs TSL
Yuri Artiukh explores creating refraction and glass effects using custom TSL shaders in Three.js during this livestream.
Office File to Markdown
MarkItDown is a browser-based tool that converts various file formats—including Microsoft Office documents, PDFs, images, and audio files—into Markdown, ensuring privacy by processing files entirely on your device.
Scroll-Driven Multi-Colored Line Indicator
This free lesson from Creative Coding Club demonstrates how to create multi-colored line indicators using GSAP's ScrollTrigger, providing a practical example of scroll-driven animations.
Experiment: Automatically trigger a View Transition when a JavaScript Property of an Element changes
This article explores a method to automatically trigger a View Transition when a JavaScript property of an element changes.
GPU Glossary
Modal's GPU Glossary is a hypertext resource designed to bridge fragmented GPU documentation, interlinking concepts across the hardware and software stack to create a comprehensive and navigable guide.
Turing Machines
This article introduces Turing machines, explaining their components, functionality, and significance in computing theory, and provides interactive examples to illustrate their operation.
Nyxt
A keyboard-driven, programmable browser for efficient navigation, multi-tab search, and customizable workflows.
Supahero
Curated collection of beautiful website hero sections. By Solt Wagner.
Optimizing Ruby’s JSON
A post about performance optimizations for Ruby’s JSON gem achieved through profiling-driven improvements, enhancing speed and reliability.
Base UI
Unstyled UI components for building accessible web apps and design systems.
Pinterest Predicts 2025
Pinterest Predicts is an annual trend forecast offering insights into upcoming cultural and consumer trends, based on emerging searches and behaviors on Pinterest.
GitHub Wrapped
A GitHub activity recap for 2024, showcasing top languages, commit streaks, and productivity highlights in a visually engaging story format.
Toms Toys
A collection of interactive games, puzzles, and web experiments designed to entertain and challenge users. Made by Tim Holman.
Background Image Remover
A web-based tool that allows users to automatically remove backgrounds from images in seconds with just one click. It operates entirely within the browser, ensuring privacy and speed, and is powered by Transformers.js. By Addy Osmani.
Wave Terminal
An open-source terminal emulator that enhances traditional command-line interfaces by integrating graphical widgets directly into the CLI.
