UI Dev Newsletter Issue #12
In this issue: layout wrappers, CSS Overview feature, line breaks, and more.
Styling Layout Wrappers In CSS
Ahmad Shadeed explains everything about layout wrappers in CSS, how they work, how to use them, and when not to use them.
When Sass and New CSS Collide
Ana Tudor explains how to solve a problem when a new CSS Feature has the same name as the existing Sass function like min() or linear-gradient().
Responsive Styling Using Attribute Selectors
Jakob Eriksen thinks of a new naming convention that could help make responsive styling possibly easier.
New in Chrome: CSS Overview
Robin Rendle shows how to turn on the new (and still experimental) feature that shows an overview of the CSS used on a site.
How-to guide for creating edge-to-edge color bars that work with a grid
Marcel Moreau explains how to use linear-gradient and math to create an edge-to-edge background that works well with grid like Bootstrap.
When a Line Doesn’t Break
Welling Guzman discovers five properties that can possibly affect how and when a line breaks.
Is my host fast yet?
Real-world server response (Time to First Byte) latencies, as experienced by real-world users navigating the web.
CSS Typing Effect
Marko Denic creates a CSS-only typing effect demo.