bbioonThemes
  • Home
  • Blog

Category: Front-end

Development, Front-end

Alternatives to !important that keep the cascade intact

Cascade layers, the :is() pseudo-class and selector doubling all settle specificity conflicts without !important. Plus the few cases, like utility classes and accessibility overrides, where !important is still the right call.

Read Article
Development, Front-end

The CSS Olfactive API and its hardware problem

A read through the CSS Olfactive API draft: the scent-profile property, the whf potency unit, the prefers-reduced-pungency query, and why the missing hardware and browser support leave nothing to test yet.

Read Article
Development, Front-end

CSS shape function: wavy and blob shapes without SVG

The CSS shape function replaces the SVG and clip-path hacks used for wavy dividers and blob shapes. How the curve commands and control points work, and why a fixed command count is what lets the browser animate between two shapes.

Read Article
Design, Development, Front-end

Modern CSS features: native mixins and object-view-box

Native @mixin is under discussion, an SVG favicon can follow the user’s color scheme on its own, and object-view-box has been cropping images in Chrome since 2022. Notes on what each one replaces.

Read Article
Design, Front-end

Front-end UI pranks that turned into production incidents

Gmail’s Mic Drop button and Stack Overflow’s Stack Egg are the two April 1st pranks worth studying: one ignored user intent, the other shipped a whole execution layer for a 24-hour gag.

Read Article
Development, Front-end

Form automation: what happens after the 200 OK

A contact form can be technically perfect and still lose the lead if the submission just lands in an inbox. Normalizing data in the browser, guarding against double submits, and structuring the webhook payload so a CRM can read it.

Read Article
AI, Design, Front-end

Generative UI design has an accessibility problem

GenUI promises an interface generated per user in real time. The accessibility side is not there yet, from the criticism that met Figma Sites to Jakob Nielsen’s claim that individualized interfaces will fix a11y on their own.

Read Article
Development, Front-end

Scroll-driven corner-shape animations in Chrome 139+

The CSS corner-shape property paired with a scroll timeline, using superellipse() exponents instead of keywords, plus the isolation fix for mix-blend-mode breaking your stacking context.

Read Article
Bug Fixing, Development, Front-end

Why dropdowns get clipped in scrollable containers

Overflow clipping and stacking contexts, not z-index, are what break action menus inside scrollable tables. Portals, CSS anchor positioning and the Popover API each solve a different part of the problem.

Read Article
Design, Development, Front-end

Emotion in Flow: when delight breaks the user’s trust

Adding delight everywhere backfires. This post compares how anime handles a tonal shift against the Marvel background-gag habit, then covers Don Norman’s three levels and the microinteractions that hold a flow together.

Read Article

Posts navigation

Previous 1 2 3 4 … 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