UI Dev Newsletter Issue #102
In this issue: self-closing tags, DOMContentLoaded metric, best of interaction design, and more.
Designing for the Unexpected
Cathy Dutton discusses the importance of designing products and services adaptable to unforeseen situations, evolving content, and unknown devices, focusing on intrinsic design, flexible layouts, and user preferences to provide better user experiences.
Developreneur
Actionable tips, tricks, and stories about solopreneurship, programming, indie development, digital products, and digital nomad life for developers.
The case against self-closing tags in HTML
Jake Archibald explores the use of self-closing tags in HTML, explaining their history in XHTML and how they are mostly meaningless in HTML documents except for foreign content like SVG.
In Defence of DOMContentLoaded
Harry Roberts defends the importance of the DOMContentLoaded metric for understanding site speed from a technical perspective.
CSS only floating labels
Stanko Tadić shares a pseudo-class technique:placeholder-shown to detect when an input is empty or has a value, showcasing how to create floating labels and a clear button with HTML and CSS.
Re-creating a Japanese Fireworks Catalog from 1883 in CSS
Mads Stoumann recreates a Japanese Fireworks Catalog from 1883 in CSS using clip-path, masking, and container queries.
Three key principles for an accessible website
Astrid Van Hoeydonck and Ted Gies share their approach to making Elsevier’s research platform accessible to people with disabilities.
Invisible Details of Interaction Design
Rauno Freiberg explores the invisible details and designs principles behind excellent interaction design, including metaphors, kinetic physics, swipe gestures, responsive gestures, and more, to make products feel like a natural extension of ourselves.
Recent Design
Rejiggle shares the best of recent web, interface, and interaction design on Twitter and everywhere else.