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!
The Collective
Hand-picked interesting links for
web creators, updated daily.
Prefer a weekly digest?
Shipixen
Website, blog, or product boilerplates. One-click deploy to Vercel. SEO-ready MDX blog with Next.js 14, TypeScript, TailwindCSS, and Shadcn UI.
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.
