"CSS That You Absolutely Have to Know"

#1

…according to CSS-tricks.

(Obviously, the “have to know” refers to front end devs, not TW users)

1 Like
#2

Thanks for sharing @twMat

Following this link and into the universe there are discussions about “CSS Container Queries - CSS: Cascading Style Sheets | MDN” which may be of serious interest to tiddlywiki going forward because it may make sense to make tiddlers also containers.

  • From my perhaps naïve perspective tiddlywiki tiddlywiki being a single page website and its atomic components being tiddlers, especially in the story river, then the normal HTML/CSS model of multiple pages (and files) is not possible/or relevant.
    • In some ways this means we relinquish some of the control that independent pages would allow, that is the HTML document, because we only have one in tiddlywiki.
  • Thus it would make sense if we can “containerise” this element, the tiddler, more so.
#3

End-users

I think that installing a set of presets, like Shiraz, can remove the need for diving into their own CSS.

But, the basics of applying padding, margins, and adjusting text size, can go a long way towards making content more comfortable. Reducing left margins on lists can save space, while increasing space between list items can make them easier to scan.

Beyond End-Users

Getting familiar with the many great options for selecting / targeting specific UI elements makes it possible to fine-tune a lot of the UI without adding custom classes to Core tiddlers.

Understanding CSS specificity goes along with selectors in being able to override default style rules.

1 Like