bbioonThemes
  • Home
  • Blog

Category: Design

Accessibility, Design, Development

Testing font scaling at 200% with Figma variables

Alt tags do not save a layout that falls apart at 150% zoom. Setting up Figma variable modes for 100, 120, 150 and 200 percent, seeing what breaks when you toggle them, and the rem-based CSS that keeps the scaling honest.

Read Article
Design, Development

A WordPress website design service beats a DIY build

Scott Wilson came out of a liver transplant with an organ donation campaign to run, not time to debug a slider. Why he had his site built for him instead of assembling it himself.

Read Article
Design, Development

Modal vs separate page UX, and how to choose

Modals are interruptive by design. Four checks for deciding between a modal, a side drawer and a dedicated page, plus the tasks each one is actually good for.

Read Article
Design, Development, Front-end

Emotion in Flow: when delight breaks the user’s trust

Adding delight everywhere backfires. This post compares how anime handles a tonal shift against the Marvel background-gag habit, then covers Don Norman’s three levels and the microinteractions that hold a flow together.

Read Article
Design, Development

A behavioral design strategy beats badges and progress bars

Ten years of persuasive design taught me that badges do not fix retention. This is how I use the COM-B model to work out whether a user is stuck on capability, opportunity or motivation before adding a nudge.

Read Article
Design, Development, Front-end

Styling a native select with the Customizable Select API

Chromium made the native select element styleable. This walks through appearance: base-select, the ::picker pseudo-element, sibling-index() for per-option maths, and the anchor positioning that makes a radial picker possible, without giving up keyboard support.

Read Article
Design, Development, Front-end

Modern CSS features that replaced my JavaScript hacks

A pass through the CSS landing in browsers now: random() and random-item(), clip-path folded corners, the containing-block catch in anchor positioning, and tabular-nums for WooCommerce dashboards that refuse to sit still.

Read Article
Design, Development, Front-end

Why SmashingConf Amsterdam is on my list for April 2026

SmashingConf Amsterdam runs in April 2026 at the Pathé Tuschinski. What pulled me in is the live-work format: speakers working through CSS and accessibility problems on stage instead of walking an audience through finished slides.

Read Article
Design, Development, Front-end

CSS corner-shape: bevels and scoops without clip-path

Chromium ships corner-shape, so beveled and scooped corners no longer need clip-path or SVG masks. What each value does, how it pairs with border-radius, and how to ship it behind @supports while Firefox and Safari get plain rounded corners.

Read Article
Design, Development, E-commerce Development

A WordPress website design service instead of a DIY build

Monikka Spruyt left corporate training to start Connect Holistic Health, and handed the site build to WordPress design experts instead of learning the stack herself. Why that trade usually pays off.

Read Article

Posts navigation

Previous 1 2 3 4 … 8 Next

bbioonThemes

Senior WordPress Engineer
Toptal & Codeable Expert

Connect

  • GitHub
  • Twitter
  • LinkedIn
  • Codeable

Explore

  • Expertise
  • Work
  • Insights
  • Blog

Resources

  • bbioonThemes
  • Contact
  • Privacy Policy
© 2026 bbioonThemes. All rights reserved.
Privacy