Notes tagged “web design”

Is it? We’re moving away from breakpoints, after all, thanks to clamp() and the like. “Mobile-First CSS: Is It Time for a Rethink?”

Just an “amateur,” but I hardly do any cross-browser testing anymore. Not sure about ten years ago, but fifteen or more years ago? A lot. I mean, all of the IE5.5/IE6 CSS hacks! Web standards have come a long way.

All users, when possible, should get a basic “minimum functionality” as part of the HTML file. Then, you can progressively layer in enhancements through your CSS and JavaScript.

If the CSS or JS fail, the user still gets a usable, albeit less flashy, experience.

But … I do. Also, they look pretty good in modern Firefox/Chrome.

So why don’t I—or really any other web developer—use [alert(), confirm(), or prompt()]?

[T]he mere mention of the year 2022 back in the year 2008 was too much for some people.

I’m with the commenters here: in both examples, !important affects only --color, exactly as written. Not at all surprising.

Tailwind is, like, the complete opposite of the CSS Zen Garden of yore. The latter was about fully redesigning a site without ever having to touch its HTML—only thing that changed was a single stylesheet. The former lets you redesign a site by altering all of its markup (while leaving the stylesheet untouched).

Bookmarked https://beautifulwebtype.com/.

[A] guide to only the best open-source typefaces[.]

Bookmarked https://background-gradient-builder.netlify.app/.

Love the renewed attention for “classless” CSS frameworks, but I’m gonna keep calling them CSS—or browser—resets. (Just kidding—nah, I’m serious—but this is how I’ve been approaching web design for the longest time. Doesn’t mean I’m somehow against “component-based design,” by the way. [That said, I rarely need more than a handful of classes beyond microformats, “the simplest way to mark up structured information in HTML.”])

Also, quoting from Jeremy Keith’s “Robustness and Least Power”:

> Choose the least powerful language suitable for a given purpose.

Bookmarked https://htmldom.dev/.

For modern browsers and IE 11+.

Bookmarked https://barba.js.org/docs/getstarted/intro/.

Barba.js is a small and easy-to-use library that helps you create fluid and smooth transitions between your website’s pages.

Normalize.css didn’t normalize my “definition lists.” (Chrome adds top and bottom margin, Firefox doesn’t.) I should probably find an alternative for them anyway, like more div soup.

Bookmarked https://css-tricks.com/how-to-make-a-css-only-carousel/.

There’s no JavaScript here, whatsoever! No jQuery plugins. No trickiness.

Bookmarked https://sarahmhigley.com/writing/whats-in-a-name/.

While an improperly added name is a step up from a missing one, it will often give the illusion of accessibility while masking an underlying problem that remains unaddressed.