Creating Web Widgets Using the Document Picture-in-Picture API

The Document Picture-in-Picture API, recently shipped in Firefox 151, allows developers to place any HTML, CSS, and JavaScript content into a resizable, always-on-top window, effectively creating web widgets.

CSS-Tricks

6 min read

In this edition

Stories from Thursday, 27 August 2026

Lenny's Newsletter

Product

🎙️ How I AI: Grok Bot + Grok 4.6—what’s great (and what’s still hype) & Lessons from spending $20,000 on Devin in one month

Grok Bot's multi-account connectors offer a unique solution for managing numerous email and Slack workspaces, while Grok 4.6 performs comparably to GPT-5.6 in blind evaluations.

24 Aug7 min read

NNGroup (YT)

Video

Analyzing Good Designs: Ritual.com

NNGroup analyzes Ritual.com, a meal delivery service, to identify elements contributing to its effective design and user experience, focusing on practical application.

24 Aug

CSS-Tricks

Tools

WordPress PHP-Only Block Registration

WordPress 7.0 introduces PHP-only block registration, simplifying custom block creation by eliminating the need for React, build pipelines, or NPM packages, requiring only PHP.

24 Aug18 min read

Codrops

Inspo

Blender to Three.js and Back: 10 Tips for a Better Workflow

This article offers ten practical tips for designers to improve their Blender-to-Three.js workflow, focusing on integrating AI, Blender, and Blender MCP for efficiency.

Nobody wants a blank page. Nobody touches a perfect one.

Users struggle to initiate tasks on blank slates and hesitate to modify seemingly complete designs, highlighting the need for thoughtful scaffolding and clear pathways for interaction.

Sterling Cooper built your UX process. We need to redefine it in the age of AI and systems.

The traditional UX process, likened to Sterling Cooper's advertising methods, requires redefinition to effectively integrate with contemporary AI and complex systems.

23 Aug