This week, I learned that CSS isn’t just about making things look pretty—it’s about making the web work for everyone.
We started with Eric Meyer’s CSS reset, which felt like clearing away cobwebs. Browsers have their own ideas about how websites should look, and those ideas don’t always agree. The reset strips everything back to neutral, giving you a clean canvas. No surprise margins. No mysterious spacing. Just control.
Font choices aren’t just aesthetic decisions—they’re accessibility decisions. We learned about font stacks, those ordered lists of typefaces that ensure everyone sees something readable, whether they’re on a Mac, PC, or phone. System fonts load instantly because they’re already there, which means faster sites and familiar reading experiences.
Line height, font size, color contrast—every choice affects whether someone can actually read what you’ve written. I never thought about how a light gray text on white background might look fine to me but be invisible to someone with vision differences.
Every element is a box with content, padding, border, and margin. Understanding this changed how I see web pages. I started mentally deconstructing sites I visit, seeing the invisible boxes that structure everything.
But the real lesson was about breathing room. Padding and margin aren’t just spacing—they’re reading comfort. They’re the difference between cramped, overwhelming text and something you actually want to read.
Hex codes felt cryptic at first—six characters representing millions of colors. But learning about color contrast ratios opened my eyes. That cool, subtle gray I liked for my text? It failed accessibility standards. Beauty means nothing if people can’t read it.
We also explored CSS custom properties and how they enable dark mode. One person’s eye strain in light mode is another person’s struggle in dark mode. Good design adapts.
Writing alt text for images forced me to think about the invisible web—the version experienced by screen readers. “Creative design concept” doesn’t tell someone anything. “Hand holding a radiant eye with sparkles” paints a picture. Accessibility isn’t an afterthought; it’s good design from the start.
I used to think accessibility was about compliance, about checking boxes. Now I see it’s about empathy. It’s designing for the student reading your site at 2am with screen brightness turned down. It’s the person with dyslexia who needs clear typography. It’s the colorblind user who can’t distinguish your red error messages.
CSS gives you power, but with that comes responsibility. Every margin you set, every color you choose, every font you select—these aren’t just design decisions. They’re decisions about who gets to use the web comfortably.
That’s what I learned this week. The web isn’t just for people like me. And CSS is the tool that helps make it for everyone.
References
Codrops CSS reference
Leave a Reply