bbioonThemes
  • Home
  • Blog

Category: Design

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

CSS container queries after size: scroll-state and style

Container queries began as a way to check a parent’s width. They now read scroll state, custom property values and anchor flips, which removes a lot of the JavaScript that used to handle sticky headers and tooltips.

Read Article
Design, Development

Ambient animation implementation without the jank

Notes from cleaning up a music agency site that animated every SVG path on scroll: where CSS keyframes stop working, where GSAP path morphing earns its weight, and how to respect user motion preferences.

Read Article
AI, Design

Turning dead user research into virtual personas

A 60-page research PDF nobody ever opened became a set of virtual personas the team could actually question mid-sprint. Here is the setup, the kind of data you need to feed it, and the mistake that makes the whole thing useless.

Read Article
Design, Development

Ambient animations that don’t tank your LCP

A client’s landing page felt dead and my first instinct was to import GSAP. Here is what I did instead: staggered CSS timings on a few SVG groups, transforms only, and a reduced-motion check.

Read Article
Design, Development

Component variants beat a pile of CSS variables

Twenty near-identical buttons in one design file cost me three hours per border-radius tweak. Component variants in Penpot fixed that, and DTCG tokens made the handoff to CSS boring, which is exactly what you want.

Read Article
Bug Fixing, Design

Designing for panic: emergency UX design in WordPress

A hanging WooCommerce checkout on Black Friday taught me that a nicer spinner does not calm anyone down. Notes on cognitive tunneling, single-tasking flows, transient locks against panic clicks, and what an emergency mode looks like.

Read Article

Posts navigation

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