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.
The Collective
Hand-picked interesting links for
web creators, updated daily.
Prefer a weekly digest?
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.
Awesome Open (Source) Language Models
Explore a curated list of open-source language models, tools, and resources for NLP development.
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.
A letter to open-source maintainers
A heartfelt guide for open-source maintainers on thriving, stepping back, and staying happy.
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.
Using (almost) pure CSS to make fancy scroll-driven image sequence animations
Ryan Geyer's exploration of creating scroll-driven image sequence animations with (almost) pure CSS introduces a spritesheet-based approach that minimizes reliance on JavaScript.
Termo
Termo is a simple terminal emulator that can be used to create a terminal-like interface on your website.
GitHub Skyline CLI extension now available
Visualize and 3D print your GitHub contributions with the Skyline CLI tool.
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.
Auto text color
Devon Govett shares a CSS trick to auto-swap text color (black/white) using calc() and LCH lightness. Read more in his post on X here.
IsometricShot
Create isometric screenshots with this great tool by Shayan.
Experience & advantages – David Whyte
Immersive Garden's latest creation offers a unique journey into the poetry of David Whyte, capturing the most profound moments of his life.
Headless Commerce Directory
A relaunch (in Astro) of the curated list of commerce products and services for modern store builders. By Jamie Barton.
Countless.dev
A website where you can compare every AI Model and examine the prices.
Using Transformers.js for AI in the Browser
Raymond Camden discusses using Transformers.js for running AI tasks directly in the browser, showcasing its potential through examples like sentiment analysis and object detection, while highlighting its simplicity, use cases, and trade-offs.
6 lessons I learned working at an art gallery
Henrik Karlsson reflects on the valuable lessons he learned about agency, collaboration, and aligning values with practical actions during his transformative three-and-a-half-year journey working at an art gallery.
Generating Worlds
World Labs is a spatial intelligence company developing Large World Models (LWMs) to perceive, generate, and interact with 3D environments. This first article in their blog discusses their AI system that creates 3D worlds from a single image.
A new way to center block elements using justify-self: center
Temani Afif shares a CSS technique for centering block elements with justify-self: center, highlighting its simplicity but noting limited browser support.
Pantone’s 2025 color of the year: Mocha Mousse
The Pantone Color of the Year 2025, PANTONE 17-1230 Mocha Mousse, celebrates warmth, comfort, and sophistication, serving as a versatile foundation for creative expression across diverse industries.
Top 100 Most Creative and Unique Portfolio Websites of 2024
Muzli highlights 2024's most creative and unique portfolio websites, celebrating innovative design and showcasing cutting-edge trends across various industries.
CSS Wrapped 2024
The Chrome DevRel team shared a detailed recap of CSS advancements in 2024, highlighting features like cross-document view transitions, scroll-driven animations, and more.
File Over App: A Philosophy for Digital Longevity
Rishikesh Sreehari advocates for using open file formats like Markdown to ensure long-term data accessibility and resilience, reducing reliance on proprietary apps.
The fallacies of distributed systems
Eight common misconceptions about distributed systems—like assuming perfect networks, zero latency, or inherent security—are explored, stressing the importance of designing for real-world challenges and resilience.
Easing Wizard
A tool designed to simplify the process of creating and customizing CSS easing functions.
Stunning UI
A collection of interactive Tailwind CSS components built for Vue and Nuxt that you can simply copy and paste into your project.
WebCurate
A collection of 2300+ best websites and tools hand-curated with detailed descriptions and features.
