bbioonThemes
  • Home
  • Blog

Category: Front-end

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

CSS @scope: scoped styles without BEM or a build step

The CSS @scope at-rule is Baseline supported, so you can scope styles to a DOM subtree without long BEM class names or a JS build step. Includes donut scoping with the lower boundary and the proximity rule that decides which scope wins.

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