A new AI tool for brand voice guidelines, plan expiration notices, and various fixes.

1 day ago 2

Plus, how to style skeleton UIs, how to enable diagonal scrolling, how images can overflow themselves, and yet, still more. Basically, how to do a lot of really cool (CSS) stuff. What’s !important #17: Custom Highlight API, CSS Navigation...

1 day ago 1

WordCamp US 2026 is coming to Phoenix for the first time on August 16–19, and there’s a lot competing for your time and attention. If you’re planning your schedule, start here: our selection of eight speakers worth catching, hands-on...

2 days ago 3

New EU guidelines, why AI sparkles aren’t enough, when AI labels are required, and what the rules mean for AI-powered features and products. Brought to you by Design Patterns For AI Interfaces, **friendly video courses on UX** and design...

2 days ago 1

The warning is correct. And the recommended fixes you've probably seen are wrong. Here's what you can do instead to properly fix the issue. Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong originally handwritten...

3 days ago 1

When tasked with building a highly interactive, tactile web experience, the architecture must serve the art direction. In this article, Alexey Kopytin explains their architectural rationale for building a digital stress-relief squeeze toy game using Lottie animations, DOM events,...

4 days ago 2

Border images are an overlooked feature. One neat fact is that border image slices can run across entire borders on an element, and animating it creates beautiful effects. Animating CSS border-image originally handwritten and published with love on CSS-Tricks....

5 days ago 1

Smashing Magazine’s in-person conferences are back and returning to the wonderful city of Freiburg next month, September 7–10. SmashingConf Freiburg 2026, September 7-10 originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

5 days ago 2

There's a lot of nuance to the <dialog> element, a seemingly little piece of web architecture. I've got some notes from digging into it. Using and Styling the Dialog Element originally handwritten and published with love on CSS-Tricks. You...

1 week ago 4

The gap between “you need a library for this” and “the browser does this” keeps closing. A practical guide to auditing your dependencies and finding what the web platform can now handle for you.

1 week ago 3

A strong photography flyer should make your work look impossible to ignore. Photography flyer templates are designed to showcase images in bold, professional layouts that instantly grab attention. Whether promoting a portrait studio, wedding photography business, event coverage, or...

1 week ago 11

Few typography styles feel as bold and cinematic as samurai-inspired fonts. These fonts blend traditional Japanese aesthetics with aggressive brush strokes, sharp letterforms, and handcrafted textures to create designs that feel powerful and atmospheric. Brush-style samurai fonts are especially...

1 week ago 10

Food promotions work best when the design looks just as good as the menu. Restaurant flyer templates are designed to promote food, special offers, events, and menus with bold layouts and mouthwatering visuals. Whether promoting a BBQ night, brunch...

1 week ago 6

Church events deserve promotional designs that feel welcoming, uplifting, and easy to connect with. Church flyer templates are built to help promote everything from Sunday services and youth gatherings to charity events, conferences, and community outreach programs. Many designs...

1 week ago 4

Nothing adds instant fun to a design quite like a bold candy-inspired font. Candy fonts are designed with soft curves, bubble shapes, and exaggerated lettering styles that mimic the playful look of sweets and dessert packaging. The result is...

1 week ago 5

A few notes and takeaways from the 2026 State of CSS survey results, including a nice CSS-Tricks cameo! 2026 State of CSS, Devs Surveys originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as...

1 week ago 7

Figma’s powerful design tools and collaborative features make it an ideal platform for crafting beautiful and functional portfolio websites. But finding the perfect template that fits your style and needs can be a challenge. In this post, we are...

1 week ago 4

Today, with CSS gap decorations fully supported in Chrome and Edge, starting with version 149, you can now very easily style gaps, and with a lot of control. Gap Decorations Are Now Available, Here’s What’s New originally handwritten and...

1 week ago 7

New Tabs and Playlist blocks, self-filling galleries, phrase-level notes with @mentions, and self-service plan downgrades — here's what recently shipped on WordPress.com.

2 weeks ago 12

We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell you: the border-shape property! Get Ready For the Powerful CSS border-shape Property! originally handwritten...

2 weeks ago 9