Using digital brochures is one of the best ways to reach your audience more easily and to save thousands of dollars spent on printing costs. Digital brochures are the most effective way to deliver information to a wider audience....

1 week ago 0

Designing for multiple platforms, like iOS, Android, and web, can be challenging when each system has its own guidelines, user expectations, and interface patterns. This is where cross-platform UI kits come in to help streamline the design process, create...

1 week ago 0

We put it to the test and it turns out Sass can replace JavaScript, at least when it comes to low-level logic and puzzle behavior. With nothing but maps, mixins, functions, and a whole lot of math, we managed...

1 week ago 2

The black-and-white color scheme is commonly recognized as a symbol of power, sophistication, and elegance. If you want your PowerPoint presentation to embody the same qualities, you can’t go wrong with a black-and-white PowerPoint template. As the author, Vikram...

1 week ago 0

Small caps fonts are a designer’s secret weapon for creating sophisticated, balanced typography. Unlike regular uppercase letters, small caps are specially designed to match the height and weight of lowercase characters, making them perfect for acronyms, headings, subheadings, and...

1 week ago 0

In this tutorial, Blake Lundquist walks us through two methods of creating the “moving-highlight” navigation pattern using only plain JavaScript and CSS. The first technique uses the `getBoundingClientRect` method to explicitly animate the border between navigation bar items when...

1 week ago 2

Drawing comic book-style pop art can be quite a difficult process, even for experienced graphic designers. But that’s okay because as a designer you don’t have to be good at everything. You just need to work smarter and find...

1 week ago 0

Navigation is one of the first things users interact with on a website, and when it’s done well, they barely even notice it. In 2025, mega menus continue to play a big role in navigation design for organizing content-heavy...

1 week ago 0

How Automattic teamed up with Out in Tech in May 2025 to build websites for LGBTQ+ nonprofits, amplifying their missions through tech and community support.

1 week ago 2

Today, we are bringing you a collection of 3D font text effects to make your text stand out and make a bold statement. These eye-catching text effect templates add depth, dimension, and drama to your typography, and they are...

1 week ago 0

The HTML popover attribute transforms elements into top-layer elements that can be opened and closed with a button or JavaScript. Popovers can be dismissed a number of ways, but there is no option to auto-close them. Preethi has a...

1 week ago 6

SVG is easy — until you meet `path`. However, it’s not as confusing as it initially looks. In this first installment of a pair of articles, Myriam Frisano aims to teach you the basics of `` and its sometimes...

1 week ago 3

This is the third article in a series about the CSS shape() function. We've covered drawing lines and arcs in previous articles and, this time, we look specifically at the curve command and how to use it for drawing...

2 weeks ago 2

Learn how to start a book blog, build your readership, and share your favorite reads online with tips for setup, design, monetization, and more.

2 weeks ago 1

The contrast-color() function doesn’t check color contrast, but rather it outright resolves to either black or white (whichever one contrasts the most with your chosen color). Safari Technology Preview recently implemented it and we explore its possible uses in...

2 weeks ago 2

The State of CSS 2025 Survey dropped a few days ago, and besides anticipating the results, it's exciting to see a lot of the new things shipped to CSS reflected in the questions. The State of CSS 2025 Survey...

2 weeks ago 2

We often spotlight wireframes, research, or tools like Figma, but none of that moves the needle if we can’t collaborate well. Great UX doesn’t happen in isolation. It takes conversations with engineers, alignment with product, sales, and other stakeholders,...

2 weeks ago 4

What’s the best way to make your SVGs faster, simpler, and more manageable? In this article, pioneering author and web designer Andy Clarke explains the process he relies on *to* prepare, optimise, and structure SVGs for animation and beyond.

2 weeks ago 7

So, how can you take dialogue box design beyond the generic look of frameworks and templates? How can you style them to reflect a brand’s visual identity and help to tell its stories? Here’s how I do it in...

2 weeks ago 3

Designers love to craft, but polishing pixels before the problem is solved is a time-sink. This article pinpoints the five traps that lure us into premature detail — being afraid to show rough work, fixing symptoms instead of causes,...

2 weeks ago 4