CSS Design Critiques: Analysis of Perceived Mistakes in CSS Properties and Specifications
By
OuterVale
Toasted golden, schmeared with insight. Top of the rack.
Summary
The article presents a critique of CSS design decisions, listing specific perceived mistakes and suggesting alternative approaches. It covers issues with CSS properties like white-space, animation-iteration-count, vertical-align, and percentage heights, arguing for more intuitive naming conventions and better-defined behavior. The author uses a humorous tone, suggesting these issues should be corrected with a time machine.
Key quotes
· 5 pulledwhite-space: nowrap should be white-space: no-wrap
animation-iteration-count should just have been animation-count (like column-count!)
vertical-align should not apply to table cells. Instead the CSS3 alignment properties should exist in Level 1.
vertical-align: middle should be text-middle or x-middle because it's not really in the middle, and such a name would better describes what it does.
Percentage heights should be calculated against fill-available rather than being undefined in auto
You might also wanna read
The Evolution of CSS: From Presentational Styling to a Smarter, Logic-Driven Language
Gabriel Shoyombo explores the evolution of CSS from a purely presentational language into one with growing logical capabilities, examining f
Smashing Magazine·11mo ago
Understanding CSS Specificity: Comparing Cascade Layers, BEM, and Utility Classes
The article explores the challenges of CSS specificity, comparing approaches like CSS Cascade Layers, BEM, and Utility Classes for better co
Smashing Magazine·11mo ago
How Classic Cartoon Animation Techniques Inspire Modern CSS Design
Web designer Andy Clarke explores how limitations of early cartoon animations (looping backgrounds, minimal frame changes) parallel modern C
Smashing Magazine·1y ago
Why Pixel Perfect Web Design Is Outdated in Today's Multi-Device World
The article critiques the traditional 'Pixel Perfect' web design approach, arguing it's outdated in today's multi-device, fluid digital land
Smashing Magazine·4mo ago