In partnership with
Olá, frontend friends! 👋
The Chrome team gave us a look at how CSS absolutely leveled up in 2024—think scroll-driven animations, justify-self: center, and other cool tricks to make web design simpler and more interactive.
Have a great start of the week!
From our sponsor
Unlock Windsurf Editor, by Codeium.
Introducing the Windsurf Editor, the first agentic IDE. All the features you know and love from Codeium’s extensions plus new capabilities such as Cascade that act as collaborative AI agents, combining the best of copilot and agent systems. This flow state of working with AI creates a step-change in AI capability that results in truly magical moments.
The Chrome DevRel team shared a detailed recap of CSS advancements in 2024, highlighting features like cross-document view transitions, scroll-driven animations, justify-self: center, anchor positioning, and more, all contributing to simpler, more interactive, and innovative web design possibilities.
Muzli highlights 2024’s most creative and unique portfolio websites, celebrating innovative design and showcasing cutting-edge trends across various industries.
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.
Temani Afif shares a CSS technique for centering block elements with justify-self: center, highlighting its simplicity but noting limited browser support.
World Labs, co-founded by Fei-Fei Li and Justin Johnson, 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.
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.
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.
A website where you can compare every AI Model and examine the prices.
A relaunch (in Astro) of the curated list of commerce products and services for modern store builders. By Jamie Barton.
Immersive Garden’s latest creation offers a unique journey into the poetry of David Whyte, capturing the most profound moments of his life.
Create isometric screenshots with this great tool by Shayan.
(From our blog) Meet Andrea Binski, co-founder and art director of UNIKO™, an award-winning design studio specializing in innovative branding and web design.
(From our blog) Learn how to create this powerful morphing effect with only JavaScript using the Canvas2D API.
Video Vault
Animation Spotlight
by Damian Skotzke
From our sponsor
Learn AI in 5 Minutes a Day
AI Tool Report is one of the fastest-growing and most respected newsletters in the world, with over 550,000 readers from companies like OpenAI, Nvidia, Meta, Microsoft, and more.
Our research team spends hundreds of hours a week summarizing the latest news, and finding you the best opportunities to save time and earn more using AI.
Demo Corner
❓Did you know that…
…MIDI revolutionized music production when it debuted in 1983? The Musical Instrument Digital Interface (MIDI) created a universal language for electronic instruments to communicate, replacing incompatible protocols. It enabled groundbreaking innovations like MIDI controllers, sequencers, and virtual instruments, shaping the sound of genres from synth-pop to EDM. Today, MIDI continues to evolve, with MIDI 2.0 offering enhanced resolution and expressive capabilities for the future of music.
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future.
