Articles

Latest From The Blog

Search
Filter Blog Articles
7

No results found…

  • 7 min

    Container Query Units: The beauty of cqi and cqb in CSS

    If you've been working with modern CSS, you've probably already come across viewport units such as vw and vh . They're incredibly useful. But there's one fundamental limitation: Viewport units care about the viewport, not the component. That becomes a problem when you're building reusable components. A card might appear in a large desktop layout,…

    Read More

    Pedro Vieira

    Jul 14, 2026

  • 5 min

    Concentric Radius: Nested Corners Done Right

    If you've ever nested a rounded element inside another rounded element and felt like something was slightly off, you're not imagining it. The gap between the two shapes looks uneven, thicker in some places and thinner in others, even though the padding is technically identical on all sides. The fix is concentric radius, and once…

    Read More

    Pedro Vieira

    Jun 08, 2026

    Concentric Radius
  • 6 min

    The magic of Squircles in CSS, Illustrator and Figma

    If you've ever looked at an app icon on your phone and thought "that's not quite a rounded rectangle," you're right. It's probably a squircle, and once you know what they are, you'll start seeing them everywhere. What Is a Squircle? A squircle is a shape that sits somewhere between a square and a circle.…

    Read More

    Pedro Vieira

    May 07, 2026

    Squircles
  • 4 min

    Light-Dark() Linear Gradients Break on iPadOS, Here’s the Fix

    iPad OS 26.2 fixes this issue. You only need to do this if you want to have backwards compatibility. Modern CSS has made building light and dark themes dramatically easier , especially with the introduction of the light-dark() color function. Paired with Automatic CSS (ACSS) and its Color Scheme (Light/Dark) settings, creating a fully themed…

    Read More

    Pedro Vieira

    Apr 23, 2026

    A Card with css background linear gradient.
  • 10 min

    Dynamically show Fluent Cart Coupons Count on the Frontend

    If you’re using Fluent Cart on WordPress and you’ve created a coupon with a usage limit (example: 10 uses) , you might want to add urgency on the frontend: “Only X coupons available!” The problem is that most WordPress sites use page caching (Swiss Performance, WP Rocket, LiteSpeed, Cloudflare, etc.). That means a normal shortcode…

    Read More

    Pedro Vieira

    Mar 20, 2026

    Fluent Cart Logo
  • 2 comments

    5 min

    My WordPress Page Builder Journey

    Like many designers who transitioned into WordPress, my relationship with page builders has been a long one, full of excitement, learning, frustration, and growth. Looking back, each builder I used didn’t just help me build websites, it helped shape how I think about the web. This is the story of that journey. Before WordPress: The…

    Read More

    Pedro Vieira

    Feb 17, 2026

    Logos of Dreamweaver, Divi, Oxygen, Bricks and Etch