A by-the-by on CSS in TW

[Josiah]

Ciao all

Just a by-the-by.

CSS3 is fantastic. The stuff you can do with it is pretty incredible. http://heeg.ru (Siniy-Kit) uses its advanced features to do the javascript free animations in their TiddlyWiki.

The major hassle with CSS is cross-browser issues for more advanced stuff. But the actual code system is beautifully consistent. Once you grasp the nature of the "cascade" it also becomes very economical.

Its advantage for TW is the flex it gives to appearance, to apparently "transform form".

TiddlyWiki's core CSS is very NEAT compared to the smorgasbord that many web pages are now. This is because of its iterative architecture. The fundamental classes are finite, reflecting a consistent underlying HTML.

In practice this makes writing CSS for TW VERY EASY compared to the normal situation.

I think we have hardly touched what CSS can do for TW.

Best wishes
Josiah

[sini-Kit]

Hi, Josiah! I try to make all nice images animation and TOC with css, because if I render my site to static tiddlers, all my not standard widgets disappear with mistake "Undefined widget '.......' "

The other way we can use css - is showing and hiding different elements on page. For example if you remove checkbox "показывать левое меню" here  http://heeg.ru/test/heeg_4_1.html#%24%3A%2FControlPanel  left menu will disappear. It will happen, because this checkbox remove $:/tags/Stylesheet tag from $:/_aa.giff/StyleSheetTopic2. So enabling and disabling different StyleSheets we can change look of our site.

пятница, 12 августа 2016 г., 12:03:14 UTC+3 пользователь Josiah написал:

[Josiah]

Ciao sini-KIt

I was astonished by the fantastic CSS animations on heeg.ru They made me realise what you can do in TW with CSS.

Best wishes
Josiah