The Collective

Hand-picked interesting links for
web creators, updated daily.

Prefer a weekly digest?

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.

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.

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.

OpenAUTH

OpenAuth is a universal, standards-based authentication provider that you can deploy as a standalone service or embed into existing applications.

Surfer Protocol

Surfer Protocol is an open-source framework designed to empower users by facilitating the export and utilization of personal data from various platforms.

Math4Devs

Math4Devs is a resource that bridges the gap between mathematical notation and JavaScript code, providing a comprehensive list of mathematical symbols alongside their JavaScript equivalents.

Made With GSAP

50 customizable GSAP animation effects with tutorials and code snippets, designed to enhance animation skills for developers of all levels, launching early 2025.

The State of Newsletters In 2024

InboxReads' "State of Newsletters 2024" report analyzes trends in the newsletter industry, highlighting popular topics, user interests, preferred email service providers, sending frequencies, and monetization strategies.

State of JavaScript 2024

The State of JavaScript 2024 survey provides an in-depth analysis of trends, tools, and patterns in the JavaScript ecosystem, offering valuable insights into its evolving landscape.

Nobody Gets Fired for Picking JSON, but Maybe They Should?

Exploring JSON's popularity and flaws, this article delves into its design issues, interoperability pitfalls, and the challenges of "human readability" that can lead to data corruption, advocating for better alternatives like Protobuf.

State of Node.js Performance 2024

Rafael Gonzaga and Lizz Parody delve into benchmarks and updates across Node.js versions 20-22, providing insights into the platform's performance gains and regressions in 2024.

Thoughts on Tailwind 4

An in-depth analysis of Tailwind CSS 4.0's new features, highlighting improvements like native cascade layers and simplified configuration while critiquing potential pitfalls such as descendant variants and excessive reliance on rem units.

The death of the stubborn developer

Steve Yegge emphasizes the transformative impact of chat-oriented programming (CHOP) on software development, urging developers to embrace AI coding assistants to remain competitive in an era where traditional code-writing is being replaced by AI-driven workflows.

State of React Native

The State of React Native survey explores the tools, trends, and preferences of React Native developers, offering insights into widely used solutions and emerging industry patterns.

Spark UI

Build animated sites faster with Vue, TypeScript, TailwindCSS, and 20+ themeable UI components.

Web Almanac 2024

A comprehensive report analyzing the state of the web across 21 chapters with real data and insights from web experts, covering sustainability, user experience, publishing, and more.

Termo

Termo is a simple terminal emulator that can be used to create a terminal-like interface on your website.

Isomorphic Web Components

A breakdown of server-side rendering for web components, from templates to isomorphic solutions. By Jake Lazaroff.

Diamond

A prototype idea by Ian Curtis that was brought to life with Bolt.new.

The Pixel Canvas Shimmer Effect

Ryan Mulligan shares a mesmerizing hover effect with shimmering pixels as a Web Component. Includes customization options.

Stripe BFCM recap

An epic recap dashboard of Stripe systems and stats during Black Friday and Cyber Monday 2024.

Solved By Modern CSS: Feature Image

Ahmad Shadeed explores modern CSS techniques, including container queries and :has(), to create dynamic, responsive feature images tailored to varying layouts and contexts.

Readymag Websites of the Year ’24

Readymag is celebrating innovative web design with prizes for outstanding creativity and storytelling.