bbioonThemes
  • Home
  • Blog

Category: Design

Bug Fixing, Design, Development, Front-end

Scalable z-index values without magic numbers

Magic numbers like z-index: 99999 are guesses. How I set up z-index tokens in CSS variables, pair a modal with its backdrop using calc(), and use isolation to keep a component’s layering inside the component.

Read Article
AI in WordPress, Design, Development

Why human strategy still runs an AI-accelerated workflow

AI raised the floor on production, and that changed what designers are actually paid for. Here is where human strategy still decides the outcome, and why judgment now carries the accountability.

Read Article
Design

March 2026 desktop wallpapers, and the high-res asset problem

The Smashing Magazine wallpaper set for March 2026, including the Cascade Style Sheet design, plus the add_image_size code I use so high-res art does not slow down a WordPress theme.

Read Article
Design, Development

From a DIY site to a professional WordPress website

Jason Stockill built his son’s racing site himself, then handed it to a design service once it needed a WooCommerce store, a newsletter and a championship history. What changes when a site stops being a brochure.

Read Article
Design, Development, Front-end

Why sustainable UX design is now a performance metric

WordPress sites carry more digital weight than they need. This post covers dark-first themes, lighter image formats like AVIF, and trimming the “digital fat” that slows sites down and drains batteries.

Read Article
Design, Development

Streak system design: timezones, race conditions and grace

A streak is not a counter you increment. Notes on the psychology that makes streaks work, the timezone and race condition bugs that break them, and why grace mechanisms belong in the design from the start.

Read Article
Design, Development, Front-end

Why your loading spinner should be an SVG, not a GIF

A 2MB GIF spinner is a network request competing with the content it is covering. Inline SVG loaders skip the request entirely, scale without blurring, and inherit theme colors through currentColor.

Read Article
Design, Development, Front-end

Responsive pyramidal grid with modern CSS layout logic

A pyramidal hexagon grid used to need JavaScript and negative margins. Modern CSS does it with grid auto-placement, sibling-index() and some triangular-number math, plus a fallback for narrow screens.

Read Article
Accessibility, Design, Development

Empathy-centred UX framework for mental health apps

Mental health apps need more than clean code. This is the empathy-centred UX framework I use: progressive onboarding, low-stimulus interfaces, and a retention system that does not punish a missed day.

Read Article
AI, Design

Agentic AI UX patterns that keep users in control

Agentic AI features need more than a good prompt. These are the patterns I use to keep users in control: intent previews, an autonomy dial, an action audit log with a working undo, and escalation when the model is not confident.

Read Article

Posts navigation

Previous 1 … 3 4 5 … 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