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.