Latest stories

Rolling out Santa without freezing productivity: Tips from securing Figma’s fleet

We scaled Santa, an open-source binary authorization tool, across all Figmates’ laptops to boost endpoint security while keeping workflows seamless. Here’s how we tackled the challenges and ensured a smooth rollout.

How to create a mesh gradient generator in HTML, CSS and JavaScript

In this tutorial, we’ll learn how to build a fun and interactive mesh gradient generator that you can use to create beautiful mesh gradients and add them to your designs.

25+ Best Mosaic Backgrounds & Textures

Mosaic designs have an incredible ability to evoke a sense of tradition, craftsmanship, and timeless beauty in any design.

Implementing Modern Web Design Trends with Website Builders in 2025

Web design ideas in 2025 demonstrate a bright and unusual approach. They combine aesthetics, proven functionality, perfect usability, and innovations. Who dictates trends for design developments? Surely, it is real visitors who use the websites every day and desire to enjoy both attractive design and improved functionality.

What Do You Want to Build?

Imagine. Prompt. Create.

From Intern to Senior. Part 1: Strategic thinking, engagements, and definition of design

Mature organizations use career ladders to assess whether an employee is exceeding their job expectations and ready for promotion. These ladders typically encompass several areas of skills and provide a precise indication of whether someone is close to being promoted or if they should focus on improving in certain areas.

Enhancing Data Input with Layered Drawer Navigation

In our original design, user input was handled through modal dialogs. This approach became problematic as our workflows grew in complexity — especially when forms became multi-step, or when nested actions required opening a new modal on top of another.

Creating proportional, equal-height image rows with CSS

Equal-height image layouts seem simple until you try to build one that’s truly responsive. This tutorial walks through my solution using flexbox aspect ratios, the Eleventy Image plugin, and a Nunjucks shortcode.

Design Guidelines For Better Notifications UX

As always in design, timing matters, and so do timely notifications. Let’s explore how we might improve the notifications UX. More design patterns in our Smart Interface Design Patterns, a friendly video course on UX and design patterns by Vitaly — from complex data tables and nested filters to FAQs and error messages.

Exploring CSS’ new “if conditions”

Discover how to use CSS @if() conditions to streamline your styles—no preprocessors needed!

1 2 3 4 5 485 486

Submit an article

You can submit new articles related to web design / development, UX, apps and graphic design. No homepage submissions, no spammy affiliate links will be accepted.
Title
URL

Thank you!

Thanks for submitting your story. We will review it and approve it if relevant.