UI Dev Newsletter Issue #112

Using padding to space an input and label

Darin Senneff shares a technique to space an input and label using padding instead of margins, improving form alignment and consistency.

Typecasting and Viewport Transitions in CSS with tan(atan2)

Juan Diego Rodríguez explores the mathematical approach behind CSS transitions using tan(atan2) for smooth viewport-based animations.

CSS attr() gets an upgrade

Bramus Van Damme details the new capabilities of CSS attr(), allowing type casting for improved dynamic styling and flexibility.

Faux Containers in CSS Grid

Tyler Sticka explains how to create visually distinct containers in CSS Grid without extra markup, enhancing design adaptability.

Reimagining Fluid Typography

Miriam Suzanne introduces fluid typography techniques in CSS, balancing readability across different screen sizes.

Love at first slide! Creating a carousel purely out of CSS

Brecht De Ruyte showcases a CSS-only carousel, eliminating JavaScript for a lightweight and accessible slider experience.

A well-known avatar URL would be dang cool

Stefan Judis discusses the potential of a standardized avatar URL format for easier user profile image retrieval.

Reasons not to refactor

Fritz Meissner presents cases where refactoring might be unnecessary or even harmful, advocating for mindful code changes.

h2tunnel

Alexei Boronine shares a new tool that allows HTTP/2 tunneling over standard HTTPS - a simple Node.js ngrok alternative.