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).
Notes tagged web design
[A] guide to only the best open-source typefaces[.]
- In-Depth Guide to the Best Free Fonts
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.
- Robustness and least power
For modern browsers and IE 11+.
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
- How to Make a CSS-Only Carousel | CSS-Tricks
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.
- What’s in a name? | Sarah Higley
Bookmarked https://wptavern.com/gutenberg-7-9-adds-gradients-to-more-blocks-extra-typography-controls-and-new-patterns. A problem _long_ solved by CSS …
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.
- Gutenberg 7.9 Adds Gradients to More Blocks, Extra Typography Controls, and New Patterns
Bookmarked https://css-tricks.com/block-links-are-a-pain-and-maybe-just-a-bad-idea/. Hmm, dang. *adds to to-do list* …
Hmm, dang. adds to to-do list
All in all, I’d say block links are just a bad idea.
- Block Links Are a Pain (and Maybe Just a Bad Idea) | CSS-Tricks
I useeverywhere. Like on my homepage.
- Negative Margins | CSS-Tricks
[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.
- Accessibility By Design
Bookmarked https://heydonworks.com/article/listen-to-me-not-google/. “”The line affordance under the …
“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.
- Listen To Me And Not Google: HeydonWorks
“Is web designthan 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.
- Is Web Design Easier or Harder Than it was 10 Years Ago? | CSS-Tricks