Web Design
Lightly Poking at the CSS if() Function in Chrome ...
The CSS if() function was recently implemented in Chrome 137, making it the first instance where we have it supported by a mainstream browser. Let's poke at it a bit at a very high level. Lightly Poking at the CSS...
30+ Architecture Actions, Effects & Presets (For P...
Architectural photography and design demand precision, clarity, and an eye for detail. The right actions, effects, and presets can dramatically enhance your work, bringing out the best in your images with just a few clicks. In this post, we...
A Better API for the Intersection and Mutation Obs...
Zell discusses refactoring the Resize, Mutation, and Intersection Observer APIs for easier usage, demonstrating how to implement callback and event listener patterns, while highlighting available options and methods. A Better API for the Intersection and Mutation Observers originally published...
How to Use Motion Templates to Level Up Social Med...
If you’ve ever scrolled through social media and stopped mid-swipe because something caught your eye, chances are it had movement. Motion has a way of grabbing attention in a crowded feed, and brands are using it to their advantage....
Decoding The SVG path Element: Curve And Arc Comma...
On her quest to teach you how to code vectors by hand, Myriam Frisano’s second installment of a `path` deep dive explores the most complex aspects of SVG’s most powerful element. She’ll help you understand the underlying rules and...
25+ Best Label Fonts for Product Packaging Designs...
Label fonts are all about style, readability, and giving your product a voice before it’s even picked up. Whether you’re designing labels for artisanal foods, cosmetics, beverages, or handmade goods, the label font you choose helps define the personality...
How to Use Figma’s Smart Animate to Prototype Micr...
Microinteractions might be small, but they make a big impact on how users experience your designs. Whether it’s a button that responds to a click, a progress bar that animates smoothly, or a subtle hover effect on a card,...
30+ Best DaVinci Resolve Presets (Color Grading + ...
When it comes to producing professional videos, engaging visuals are crucial for attracting the audience’s attention and leaving a lasting impression. Changing the tonality and color palette of your videos can significantly enhance their aesthetic appeal and overall impact....
Color Everything in CSS
An introduction to "Color spaces", "Color models", "Color gamuts," and basically all of the "Color somethings" in CSS. Color Everything in CSS originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Designing Accessible Forms: Small Fixes, Big Impac...
Accessible forms are a crucial part of inclusive design. They help ensure that everyone, whether using a keyboard, screen reader, voice input, or assistive device, can complete the same tasks as any other user. But too often, forms are...
CSS Color Functions
CSS has a number of functions that can be used to set, translate, and manipulate colors. Learn what they are and how they are used with a bunch of examples to get you started. CSS Color Functions originally published...
CSS Cascade Layers Vs. BEM Vs. Utility Classes: Sp...
CSS can be unpredictable — and specificity is often the culprit. Victor Ayomipo breaks down how and why your styles might not behave as expected, and why understanding specificity is better than relying on `!important`.
65+ Best Final Cut Pro Slideshow Video Templates i...
If you’re looking for inspiration to design a unique slideshow video, these Final Cut Pro photo slideshow templates will come in handy. For this collection, we handpicked some of the best Final Cut Pro slideshow templates you can use...
25+ Best Rough & Weathered Textures (Free & Pro)
Rough and weathered textures can instantly add depth, personality, and a sense of history to your work. Whether you’re designing a vintage poster, crafting a rugged brand identity, or giving your digital art a raw, tactile feel, these textures...
Meet Accessible UX Research, A Brand-New Smashing ...
Meet “Accessible UX Research,” our upcoming book to make your UX research inclusive. Learn how to recruit, plan, and design with disabled participants in mind. Print shipping in August 2025. eBook available for download later this summer. Pre-order the...
35+ Best Professional Email Footer Signature Templ...
The email signature is one of the most important elements of a professional email. It’s like digitally signing a letter, but only better. Unfortunately, most professionals are still not aware of the usefulness of an email signature. According to...
Story-Based Social Posts: Designing Narratives for...
Social media is no longer just about eye-catching single posts; it’s about creating experiences that draw people in and keep them engaged. One of the most effective ways to do this is through story-based, swipeable content. Whether it’s a...
20+ Best Street & Street Sign Fonts
Few things communicate strength and clarity like the fonts you see on street signs. Designed to be highly legible at a glance, these typefaces are built for impact, and that makes them perfect for all kinds of creative work....
How to Keep Up With New CSS Features
How do you stay informed of new CSS features when the language evolves quickly and information is spread all around the web? Sacha Greif has some tips from his work running an annual survey focused on new CSS features....
100+ Best Big, Poster Fonts of 2025
When it comes to designing posters and banners, there’s one thing that matters the most: the font. A poster without a great, attention-grabbing title is simply not an effective poster. A great poster font has the power to turn...