bbioonThemes
  • Home
  • Blog

Category: Design

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

Anchor positioning and @scope just went Baseline

Chrome 144 and Firefox 147 moved anchor positioning and @scope to Baseline, so tooltips and style isolation no longer need a JS library. Also here: the Temporal API in Chrome, the dead HTML document outline, and using your OS as a CMS.

Read Article
Design, Development

Product designer career paths that aren’t a management ladder

Career debt is as real as technical debt. What an annual retrospective, a skills matrix and a translator-style horizontal role look like for a product designer heading into 2026, and why management is not the only way up.

Read Article
AI, Design, Development

Penpot MCP server: design context an AI can read

Penpot is testing an MCP server that lets assistants like Claude read real design files instead of guessing from your prompt. What is in the experiment, how the translation layer works, and why design-as-code cuts down on invented components.

Read Article
Design, Development

January 2026 wallpapers: a clean desktop to start the year

A new year is a decent excuse to refactor your desktop. Three picks from the January 2026 wallpaper collection, plus the CSS I use when an image like that becomes a hero background.

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