All Articles
397 articles published
Everything we've published - tools, tutorials, and practical guides for people who build websites for a living. New posts land here first.
You’ve typed it a hundred times. font-size: 16px, margin: 8px, width: 320px. But stop for a second: what does px stand for, and why…
You measure something in inches, then the spec sheet in front of you is written in millimeters. Now what? The short answer: one inch…
Two screens can carry the exact same specs on paper and look nothing alike in person. The reason usually comes down to one number.…
Underlining in Figma runs through a single property called Decoration. It sits with the rest of the text settings, and it stopped being a…
You design something bright and clean on screen. It prints, and the greens look muddy, the blues fall flat. That gap is the whole…
Print a photo and it looks blurry. Set your gaming mouse and the cursor flies off screen. Same three letters, two totally different headaches.…
Pick the wrong CSS unit and your text stays frozen while a low-vision reader begs their browser to make it bigger. That single choice…
Masks in Figma run backwards from what most people expect. The shape doing the clipping sits underneath whatever it clips, which is the exact…
PMI’s 2025 Pulse of the Profession found that roughly 1 in 5 enterprise IT projects still fail to meet their business goals. Standish Group…
html Every frame in Figma can hold auto layout. Switch it on and the frame starts managing its own contents, arranging them, spacing them,…
Blur in Figma lives in one place: the Effects panel on the right side of the screen. No toolbar icon, no filter menu, nothing…
Figma lets you store a color, number, string or boolean once and bind it to design properties and prototype actions. Edit the stored value…
Figma began deprecating simplified instances on March 23, 2026. Since then, every instance shows all component properties and layers by default (Figma Help Center…
Publishing a Figma library takes a paid plan and a Full seat, per Figma’s Help Center as of October 2026. Creating variables, styles, and…
Figma developer handoff happens in Dev Mode, the inspect workspace attached to the design file. Engineers get specs, generated code, design tokens and a…
If you’re working out how to use Figma for client presentations, the short version is that the file can do the presenting itself. Frames…
Dev Mode is not part of the free Starter plan. It takes a paid plan and either a Full or a Dev seat, and…
html Corner radius lives in the Design tab of Figma’s right sidebar, a few fields below fill and stroke. It rounds the spot where…
Figma’s free Starter plan gives you one team folder with room for 3 Figma Design or Sites files. Professional drops that cap and keeps…
Most of the web still fails basic accessibility checks. WebAIM’s 2026 analysis of the top one million home pages found detectable WCAG 2 failures…
Rotation in Figma is one number on a layer. Not a transform matrix, not a separate tool, just a field near the top of…
Carousels turn up on ecommerce homepages, product pages and the content rows on streaming sites, wherever a page has more items than the screen…
“Making a grid in Figma means picking between a layout guide and the Grid mode inside auto layout, renamed since May 2025.” Two separate…
A CSS gradient background is a programmatically generated image created through native CSS functions, requiring no external image file. Gradients are assigned to the background-image property,…
Custom software is becoming more important for businesses of all sizes today. Off-the-shelf tools can only go so far, and that’s why many companies…
Ask a web developer and a Windows developer what a toast is and you will get two different answers. Web apps, Android and Windows…
Open any checkout page and you’ll probably run into a country selector. Baymard Institute (2025) found that 78% of sites in its checkout benchmark…
Building a SaaS product starts with validating an idea before scaling it. Launching too early with a full-featured product increases risk and slows learning.…
If you’re looking to implement Salesforce’s new Agentforce capabilities, you’re going to need the right partner. Not just someone who knows Salesforce basics. You…
There’s no carousel component in Figma. You fake one, either with an auto layout frame set to scroll horizontally, or with a stack of…