bbioonThemes
  • Home
  • Blog

Category: Front-end

Development, Front-end

Select html in CSS: which root selector to use

Five ways to target the root element in CSS: the plain html selector, :root, :scope, the top-level nesting ampersand, and structural tricks that can only match html. Which ones belong in production, and how their specificity differs.

Read Article
Development, Front-end

JavaScript bookmarklets still beat installing an extension

Bookmarklets still solve small browser problems faster than installing an extension. How to wrap one in an IIFE, why you should URL-encode it, editing the CSSOM instead of injecting a style tag, and what Content Security Policy does to all of it.

Read Article
Accessibility, Development, Front-end

Popover API vs Dialog API: how to pick the right one

Popover API and Dialog API solve different problems: one is for light non-modal UI, the other for true modals that block the page. This post breaks down when to use each, with working code.

Read Article
Core Updates, Development, Front-end

Interop 2026: why modern CSS is finally safe for WordPress

Interop 2026 is the browser pact making CSS Anchor Positioning, View Transitions, and scroll-driven animations a baseline reality. Here is what it means for WordPress developers still relying on JS hacks.

Read Article
Accessibility, Development, Front-end

The Popover API makes tooltips simpler and more accessible

The Popover API gives WordPress developers a native, declarative way to build accessible tooltips and menus, without the JavaScript libraries and manual ARIA syncing tooltips used to require.

Read Article
Development, Front-end

Modern CSS features worth using in 2026

Interop 2026 sets the browser targets for the year. A look at the modern CSS features behind it: style queries with =, declarative dialogs via the Invoker Commands API, the :heading pseudo-class in Safari TP, and middle truncation without JavaScript.

Read Article
Development, Front-end

Centering an absolute element without 50% transforms

Centering an absolute element does not need 50% transforms and translate math. The Inset-Modified Containing Block lets place-self: center do it in three lines of CSS.

Read Article
Development, Front-end

Tailwind components vs utilities: why the distinction barely matters

Ahmad Wael on why the Tailwind components vs utilities split is mostly semantic, and how the @utility directive keeps CSS flat without extra layers or specificity fights.

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

What the CSS :near pseudo-class would replace in your JS

Thomas Walichiewicz proposed a :near() selector so CSS can react when a pointer gets close to an element. It would replace the usual pointermove distance math, though the CSS Working Group is still weighing the fingerprinting risk.

Read Article

Posts navigation

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