bbioonThemes
  • Home
  • Blog

Category: Design

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
Design, Development

Building CSS bar charts with sibling-index() and attr()

Chart libraries are heavy for four bars. Here is a CSS Grid bar chart that uses sibling-index() and attr() to read its values straight off the markup, plus the PHP helper I use to render it in WordPress.

Read Article
Design, Development

15 WordPress website examples and the architecture behind them

Fifteen real WordPress sites looked at as architecture rather than inspiration: which themes they run, how they handle search and subscriptions, and where the block editor quietly does the work a plugin usually gets credit for.

Read Article
Design, Development, Front-end

February 2026 wallpapers and how to serve them properly

Smashing Magazine’s February 2026 wallpapers collection, with the designs worth grabbing and a developer’s notes on shipping high-resolution images: srcset, lazy loading, and the mistakes that turn a wallpaper gallery into a slow page.

Read Article
Design, Development

Building a custom VS Code theme with Shiki and TextMate scopes

A custom VS Code theme takes hours rather than weeks once you move past CSS variables and into TextMate tokens. Ahmad Wael on scaffolding the first pass, debugging scopes in the Extension Host, and picking contrast that does not fry your eyes by lunchtime.

Read Article
Accessibility, Design, Development

When to use a combobox instead of a multiselect

Which control to reach for once a dropdown of 500 product variations stops being usable: combobox, multiselect, listbox or dual listbox. With a Gutenberg ComboboxControl refactor and the keyboard focus rules a real combobox has to meet.

Read Article
Design, Development, Front-end

Design intent: why pixel perfect layouts keep breaking

Matching a 1440px Figma file coordinate for coordinate produces CSS full of magic numbers that breaks on the first foldable phone or bumped font size. What to agree on with designers instead: tokens, fluid units, and rules about behavior.

Read Article

Posts navigation

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