Tech watch

Responsive design

Adapting interfaces to screen dimensions and interaction modes.

6 Nov 2026Repository

Taste Skill gives coding agents design rules and browser checks

Taste Skill banner on a beige background, with the project name on the left and stacked interface mockups on the right.

Taste Skill gives coding agents a system for building less generic company websites: palettes, hero layouts, UI fragments and real photographs, with art direction tailored to the type of business. The repository offers Claude Code and Codex integrations, plus installation through npx skills.

Its distinctive feature is automated checking in headless Chrome: pages render at four widths, from 390 to 1440 px, and are checked for empty visuals, contrast, alignment and images missing on slow networks. WebGL and scroll effects are limited to tech, gaming and software pages, with static fallbacks for phones and reduced motion.

Agent skills AI Agents UI/UX Testing Responsive design

Leonxlnx

16 Oct 2026Article

Chrome: auto-sizing iframes to their content with CSS

alfy.blogPermalink

Article illustration: auto-sizing iframes in Chrome with CSS

Chrome 154 introduces the frame-sizing: content-height CSS property, letting iframes automatically match their content’s height without scripts or message passing. This requires the embedded page to opt in with a meta tag and explicitly allow the parent domain, so adoption depends on both sides cooperating. The article details practical use cases (payments, widgets, dynamic forms), compatibility constraints, and best practices to avoid information leaks or layout shifts.

CSS HTML Responsive design

Ahmad Elalfy

26 Mar 2026Repository

Use CSS `clamp()` through Tailwind Clamp

github.comPermalink

Tailwind Clamp exposes CSS clamp() values as utility classes. The plugin helps create fluid size or spacing scales without multiplying breakpoints.

Tailwind CSS CSS Fluid typography Responsive design

26 Mar 2026Repository

Build fluid interfaces with Fluid Tailwind CSS

github.comPermalink

This plugin adds Tailwind CSS classes for fluid values across viewport sizes. It keeps responsive typography and spacing adjustments within the project’s utility-class vocabulary.

Tailwind CSS CSS Fluid typography Responsive design

15 Oct 2024Tool

Utopia: build fluid type and spacing scales

utopia.fyiPermalink

Utopia defines scales for small and large screens and lets the browser interpolate between them. The approach helps build a coherent type system with fewer breakpoints.

Fluid typography Responsive design CSS Design Systems

@trysmudford