Writing
Notes on frontend craft.
Practical writing on CSS, SCSS, accessibility and design systems. The articles here begin with layout, spacing and focus states.
-
CSS
Fluid Scaling: Controlling Bounds with Min and Max
While the fxx() function ensures perfect proportionality, pure fluid scaling can be dangerous. If a paragraph has font-size: fxx(16) (based on a 1920px design), and a user views…
Read article →
-
CSS
Fluid Scaling: Implementation in SCSS
In Part 1, we learned that the core of our fluid scaling relies on wrapping a target pixel value in a calc() function multiplied by our…
Read article →
-
CSS
Fluid Scaling: The Core Concept
In modern web design, creating layouts that look perfect on every screen size—from massive 4K monitors to small mobile phones—is a significant challenge. Traditional…
Read article →
-
CSS
Creating Outlined Text Effects with CSS Text Stroke
Typography plays a crucial role in modern web design. With the right styling, even a simple text element can serve as a strong visual…
Read article →