P3 in Color Inputs
Safari leads the way in supporting P3 colors and alpha transparency in color inputs, enabling richer color workflows on iOS.
By Frontend Masters23 May 2025Better CSS Shapes Using shape() — Part 1: Lines and Arcs
Deep dive into CSS shapes with the shape() function, focusing on lines and arcs — part one of a series on advanced shape creation.
By CSS-Tricks23 May 2025How to Improve Image Delivery on Your Website
Lighthouse’s Improve Image Delivery insight offers practical tips for optimizing images – compression, modern formats, responsive images – to boost performance.
By DebugBear23 May 2025Bolt.new: Web Creation at the Speed of Thought
Exploring Bolt.new, an ultra-fast AI engine that generates websites and apps based on user input and design specifications.
By Codrops22 May 2025You can style alt text like any other text
Clever technique from Andy Bell for styling alt text when images fail to load, enhancing fallback UI with styled error messages.
By CSS-Tricks22 May 2025You can style alt text like any other text
Enhancing image loading experiences with styled alt text, emphasizing descriptive accessibility and improved visual fallback styles.
By Piccalilli22 May 2025Shopify Summer ’25 Edition Introduces Horizon, a New Standard for Creative Control
Introducing Shopify Horizon, a modular, AI-driven theme framework that empowers merchants with greater design flexibility and storytelling capabilities.
By Codrops21 May 2025SVG to CSS Shape Converter
Temani Afif’s extensive collection of CSS shapes, featuring tools to generate and customize shapes dynamically with clever techniques.
By CSS-Tricks21 May 2025Smashing Animations Part 3: SMIL’s Not Dead Baby, SMIL’s Not Dead
Discover how SVG SMIL animations extend beyond CSS, enabling more complex and synchronized visual effects in your designs.
By Andy Clarke21 May 2025Behind the Curtain: Building Aurel’s Grand Theater from Design to Code
A showcase of Aurel’s Grand Theater — an innovative portfolio blending Three.js, Vue.js, GSAP, and Blender, packed with animations and intricate details.
By Codrops20 May 2025Motion Highlights #7
A roundup of fresh motion design trends and animation ideas to inspire your next project.
By Codrops20 May 2025Reshaping user authentication and identity verification
Exploring Chrome's latest tools to enhance web sign-in, focusing on safer password management, passkeys, and streamlined identity verification.
By developer.chrome.com20 May 2025What's new in DevTools, Chrome 137
Leveraging Gemini for CSS modifications, performance insights, and annotations to optimize web performance and styling workflows.
By developer.chrome.com20 May 2025Creating Blob Shapes using clip-path: shape()
Exploring blobs – versatile, animated shapes filled with backgrounds, perfect for creative and interactive web designs.
By Frontend Masters19 May 2025A Reader’s Question on Nested Lists
A detailed guide on creating complex, nested numbering systems using CSS list counters for more flexible list styling.
By CSS-Tricks19 May 2025Design System In 90 Days
Practical PDF worksheets and tools to streamline your design system development, supported by a course on demonstrating UX impact.
By Vitaly Friedman19 May 2025How To Generate And Open HAR Files
HAR files capture resource loads on websites, serving as invaluable tools for debugging and diagnosing web performance issues.
By DebugBear19 May 2025
Challenge: Create an interactive web experience featuring animated blobs. Utilize HTML, CSS, and JavaScript to design blobs that change shape, color, and position based on user interaction. Enhance the experience with synchronized audio effects or background animations, leveraging the Canvas API or CSS animations for a dynamic and engaging visual display.
Why did the web developer go broke? Because they kept rendering themselves useless.