Ddevmichaljindevmichalj.hashnode.dev·Oct 30, 2024 · 2 min readPrint-style LayoutsIn the early days of the web, it was imagined that websites would be styled similarly to print media like books and magazines. It was all about documents, not applications. As the web has matured, it's developed its own style, and that style can be f...00
Ddevmichaljindevmichalj.hashnode.dev·Oct 24, 2024 · 8 min readText OverflowHave you ever thought about how the browser's text placement algorithm works? How does it decide when to line-break? It turns out, the algorithm is (relatively) straightforward and intuitive. If you've ever had to manually edit a Markdown file to kee...00
Ddevmichaljindevmichalj.hashnode.dev·Oct 22, 2024 · 6 min readText RenderingHere's a question for you: if you took the exact same HTML and CSS and viewed it in two different browsers, would it appear identical? Overall, I'd say that things are pretty similar, but definitely not identical down to the pixel. One thing that sta...00
Ddevmichaljindevmichalj.hashnode.dev·Oct 21, 2024 · 2 min readScrollburglarsA scrollburglar is my cute made-up name for a common phenomenon: A webpage has an accidental horizontal scrollbar that allows you to scroll by a few pixels. Frustratingly, there isn't a single cause for this phenonenon. They can be triggered by lots ...00
Ddevmichaljindevmichalj.hashnode.dev·Oct 17, 2024 · 4 min readClamping ValuesLet's suppose we have a column of text, and we want it to occupy 65% of the viewport. We can do that with a percentage-based width, and some auto-margins for centering: .column { width: 65%; margin-left: auto; margin-right: auto; } This works ...00