Archive: August 2025

1. Alpine.js x-intersect: Scroll Animations and Lazy Loading

   Aug 31, 2025

   x-intersect is the Alpine.js directive that turns the browser's IntersectionObserver API into a declarative HTML directive. It turns scroll animations, image lazy loading, one-time triggers and observed sections into a pure HTML task, without a single line of manual JavaScript observer code.

   Read more

2. Integrating Vue Into Legacy Systems Instead Of Rebuilding Everything

   Aug 31, 2025

   A big-bang rewrite fails more often than it succeeds. The better strategy: introduce Vue step by step into existing PHP monoliths, Twig templates, and jQuery applications, island by island, without interrupting ongoing operations.

   Read more

3. Load Balancer Setup with HAProxy: Distributing Traffic Safely

   Aug 31, 2025

   A single application server does not scale indefinitely and goes offline instantly on failure. HAProxy distributes requests across multiple backend servers, automatically detects failed instances through health checks, and turns several individual servers into a resilient, horizontally scalable unit.

   Read more

4. Measuring and Improving Web Vitals in Vue Apps

   Aug 31, 2025

   Measuring Web Vitals in a single page application is not trivial, because classic metrics were designed for server rendered multi page websites. With the web-vitals library, correct timing and true real user monitoring, LCP, INP and CLS can be reliably captured in Vue apps as well.

   Read more

5. Combining @property Typed Custom Properties with Tailwind CSS

   Aug 31, 2025

   Classic CSS custom properties are plain strings with no type, which is why the browser can't animate them even when the value looks like a number or an angle. The @property rule lets you register custom properties with a genuine syntax type, an inheritance behavior, and an initial value instead, which suddenly makes them animatable. This article covers how to combine @property meaningfully with Tailwind CSS, including a practical example animating a gradient angle rotation.

   Read more

6. Lowest Price of the Last 30 Days: Getting the Omnibus Directive Right

   Aug 31, 2025

   Since May 2022, you must state the lowest price of the last 30 days whenever you advertise a discount. This rule was introduced to stop the old trick of raising a price shortly before a sale just to make the discount look bigger. We explain what this means for your shop and how to stay on the safe side.

   Read more

7. E-Commerce Platform Selection: How to Find the Right Storefront System

   Aug 31, 2025

   Platform selection for an e-commerce system is one of the most consequential decisions in a company's entire digitalization process, because a chosen system determines cost, development speed, and technical flexibility for years. Unlike many other IT decisions, a wrong platform choice can only be corrected with considerable migration effort, which is why a thorough, criteria based evaluation upfront pays off. This article places the key evaluation criteria and compares Magento and Adobe Commerce against the common alternatives Shopware, Shopify, and custom development.

   Read more

8. at and batch: Scheduling One-Time Tasks on Linux

   Aug 30, 2025

   Not every scheduled task has to be recurring. For one-off actions at a specific point in time, or dependent on system load, at and batch are the leaner tools compared to cron and systemd timers. This guide explains syntax, time expressions, job management with atq and atrm, and permission control through at.allow and at.deny.

   Read more

9. Setting Up IdeaVim in PhpStorm Without Losing Refactoring Power

   Aug 30, 2025

   IdeaVim brings familiar Vim keybindings to PhpStorm without replacing the IDE's intelligence. Get the base configuration right, and Rename, Extract Method, and Organize Imports stay reachable via their usual shortcuts, keeping every real strength of the IDE intact.

   Read more

10. CSS Selectors Level 4: :has, :is, :where, :not, :nth-child of

    Aug 30, 2025

    Selectors Level 4 has fundamentally expanded the CSS toolbox. CSS Selectors Level 4 brings :has as a long-awaited parent selector, :is and :where for compact selector lists, an extended :not and a new :nth-child of syntax. These selectors replace many JavaScript workarounds and significantly reduce CSS redundancy.

    Read more