Notes tagged web design

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.

Bookmarked https://wptavern.com/gutenberg-7-9-adds-gradients-to-more-blocks-extra-typography-controls-and-new-patterns.

A problem long solved by CSS and the separation of content and presentation. (But visual editors, we need!)

I would not wish the pain of updating dozens or more old blog posts to adjust paragraph design on anyone. Of course, the same could be said of font sizes and similar settings.

Bookmarked https://css-tricks.com/block-links-are-a-pain-and-maybe-just-a-bad-idea/.

Hmm, dang. *adds to to-do list*

All in all, I’d say block links are just a bad idea.

I use negative margins everywhere. Like on my homepage.

Bookmarked https://laurakalbag.com/accessibility-by-design/.

[A]dding pretty bits to a site won’t make it a better experience. It’ll just make it an awful experience with bells on.

Bookmarked https://heydonworks.com/article/listen-to-me-not-google/.

“The line affordance under the old text fields was not clear to some users. The line was confused with a divider.” I screamed. This spoke directly to the concern I had expressed months prior. It took Google hundreds of research participants to confirm what I already knew thanks to nothing more than common sense.

“Is web design easier or harder than it was 10 years ago?” Neither. CSS is both less hacky and much more powerful. Tools and tool chains got needlessly complicated. Accessibility is still poorly understood.

Bookmarked https://css-tricks.com/filling-space-last-row-flexbox/.