bbioonThemes
  • Home
  • Blog

Tag: Accessibility

Accessibility, Front-end

A semantic CSS pie chart a screen reader can read out

Conic gradients make a pie shape but leave screen readers with an empty box. This build keeps the data in the markup, places labels with cos() and sin(), and uses a few lines of JS for the slice offsets.

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

A CSS contrast color approximation that ships today

The contrast-color() function only works in Safari and Firefox so far, so dynamic text colors still need a workaround. Here is the OKLCH lightness trick I use in block themes and WooCommerce stores: one declaration, no JavaScript.

Read Article
Core Updates, Development, Gutenberg

WordPress 7.0 features developers should test now

WordPress 7.0 makes the post editor always iframed, which breaks editor JavaScript that reaches for the global document. Also here: native viewport-based block visibility, per-instance custom CSS, and the Studio 1.7.0 CLI updates.

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, 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
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
Accessibility, AI, Development

Hand gesture mouse control in 60 lines of Python

About 60 lines of Python turn a laptop webcam into a pointing device. Uses OpenCV and MediaPipe Hands for the 21 hand landmarks, PyAutoGUI to move the cursor, and a smoothing buffer to kill the jitter.

Read Article
Development, Front-end

Modern CSS layouts: view transitions and grid-lanes masonry

Browser vendors are quiet but the community is not. Video state that survives navigation with view transitions, Kevin Powell’s cascade-layer trick for naming media queries, and native masonry landing as grid-lanes.

Read Article
Accessibility, Development

The HTML dialog element does not need your focus trap

I tabbed out of a showModal() dialog into the address bar and assumed it was a bug. It is not. Why the W3C APA group dropped the strict focus trap, what showModal() handles for you, and the two mistakes that make focus leak.

Read Article

Posts navigation

Previous 1 … 6 7 8 … 10 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