motyl.dev
TrendingNewsletterBlogNewsAbout
Support
Grzegorz Motyl

© 2026 Grzegorz Motyl. Raising the bar of professional software development.

GitHubBlueskyEmail
Home
News
Blog
Me
    /
    motyl.dev
    TrendingNewsletterBlogNewsAbout
    Support
    1. Home
    2. News
    3. CSS Renders DOOM, Pretext Rethinks Text Layout, and axios Gets Poisoned

    CSS Renders DOOM, Pretext Rethinks Text Layout, and axios Gets Poisoned

    Published on 01.04.2026

    #frontend
    #webdev
    #css
    motyl.dev<div></div></>FRONTEND

    CSS is DOOMed: Rendering DOOM in 3D with CSS

    TLDR: A developer built a fully playable version of DOOM where every wall, floor, barrel, and enemy is a real HTML div positioned with CSS 3D transforms. The game logic runs in JavaScript, but the rendering is pure CSS. It works. And it is absolutely wild.

    CSS is DOOMed!


    You're Looking at the Wrong Pretext Demo

    TLDR: The Pretext library went viral for its dragons and ASCII art, but those canvas-rendering demos obscure the library's actual innovation: predicting DOM text layout height without ever reading from the DOM, which solves one of the oldest performance problems in complex text-heavy web apps.

    You're Looking at the Wrong Pretext Demo


    axios Compromised on npm: Malicious Versions Drop a Remote Access Trojan

    TLDR: On March 30, 2026, two malicious versions of the axios npm package were published containing a hidden dependency that installs a cross-platform remote access trojan on macOS, Windows, and Linux. If you installed axios version 1.14.1 or 0.30.4, assume your machine is compromised.

    axios Compromised on npm - Malicious Versions Drop Remote Access Trojan


    What Is CSS Containment and How Can I Use It?

    TLDR: CSS containment is an underused performance property that lets you tell the browser specific parts of your DOM are isolated, so it can skip work outside those boundaries when something inside changes. Harry Roberts walks through every value with real-world examples and honest gotchas.

    What Is CSS Containment and How Can I Use It?


    Astro 6.1: Global Image Codec Defaults, SmartyPants Config, and More

    TLDR: Astro 6.1 ships global Sharp codec configuration so you can set JPEG, WebP, AVIF, and PNG encoding defaults once instead of on every image, along with full SmartyPants customization for non-English typography, i18n fallback route exposure for integrations, and several bug fixes.

    Astro 6.1


    Cookie Consent Management in 2026: Overview and Technical Tips

    TLDR: A two-part series from Cloud Four covers why cookie consent has become urgent for US companies in 2026, how to pick a performant consent solution, and practical technical techniques for tracking down exactly which scripts are setting which cookies, including building a Puppeteer-based automated audit tool.

    Cookie Consent Management in 2026, Part 1: Overview | Part 2: Technical Tips


    Your Options for Preloading Images with JavaScript

    TLDR: There are five distinct ways to preload images in JavaScript and they behave differently in critical edge cases, particularly when the server sends a no-store Cache-Control header. The link rel preload approach wins for reliability because it uses the preload cache rather than the HTTP cache.

    Your options for preloading images with JavaScript


    Magic Link Pitfalls

    TLDR: Magic links seem simple but have two non-obvious failure modes: some programs and browsers will follow the link automatically before the user clicks it, claiming the code unintentionally, and logging in the email client's in-app browser instead of the user's default browser defeats the entire purpose.

    Magic Link Pitfalls


    Why Designing in Code Makes You a Better Designer

    TLDR: The web has a grain, a set of natural behaviors it does well by default, and designers who do not understand the material they are working with end up building "bicycle bear websites" that fight the medium at every turn.

    Why designing in code makes you a better designer


    Announcing Babylon.js 9.0

    TLDR: Babylon.js 9.0 is the biggest release in the project's history, shipping clustered lighting for scenes with hundreds of lights, a visual node particle editor, volumetric light shafts, a fully realized frame graph rendering pipeline, animation retargeting across different skeleton structures, and advanced Gaussian Splat support.

    Announcing Babylon.js 9.0


    Web Platform Features Explorer: March 2026 Release Notes

    TLDR: The March 2026 web platform release notes document newly available features including WebTransport, Readable Byte Streams, and the Reporting API, along with widely available features like Subgrid, contain-intrinsic-size, and image-set(), plus Chrome and Firefox gains in custom element registries and popover enhancements.

    Web platform features explorer - March 2026 release notes


    Transformers.js v4: WebGPU-Accelerated AI Models in the Browser and Node

    TLDR: Transformers.js v4 ships a completely rewritten WebGPU backend in C++, a new ModelRegistry API for production workflows, a standalone Tokenizers.js library, a ten-times faster build system using esbuild, and support for models exceeding 8 billion parameters, with the same code now running across browsers, Node, Bun, and Deno.

    Transformers.js v4 Release Notes


    Form Automation Tips for Happier Users and Clients

    TLDR: A working form is just the starting line. The real job is making sure the data that leaves your form can be reliably acted on by the CRM, automation tools, and people downstream, which requires thinking about data normalization, duplicate prevention, and workflow integration from the beginning.

    Form Automation Tips for Happier User and Clients

    ☕ Knowledge costs tokens,fuel meHelp me keep the content flowing
    External Links (14)

    CSS is DOOMed!

    nielsleenheer.com

    You're Looking at the Wrong Pretext Demo

    denodell.com

    axios Compromised on npm - Malicious Versions Drop Remote Access Trojan

    stepsecurity.io

    What Is CSS Containment and How Can I Use It?

    csswizardry.com

    Astro 6.1

    astro.build

    Cookie Consent Management in 2026, Part 1: Overview

    cloudfour.com

    Part 2: Technical Tips

    cloudfour.com

    Your options for preloading images with JavaScript

    macarthur.me

    Magic Link Pitfalls

    etodd.io

    Why designing in code makes you a better designer

    adamsilver.io

    Announcing Babylon.js 9.0

    blogs.windows.com

    Web platform features explorer - March 2026 release notes

    web-platform-dx.github.io

    Transformers.js v4 Release Notes

    github.com

    Form Automation Tips for Happier User and Clients

    css-tricks.com

    Sign in to bookmark these links
    Previous
    Axios Supply Chain Attack, Self-Improving AI Agents, and Minimalist React Avatars
    Next
    Encoding Team Standards Into AI Coding Assistants
    Grzegorz Motyl

    © 2026 Grzegorz Motyl. Raising the bar of professional software development.

    GitHubBlueskyEmail