Add AttriCSS and Tufte CSS
|1 month ago|
|min||1 month ago|
|scripts||1 month ago|
|src||1 month ago|
|LICENSE||4 years ago|
|README.md||1 month ago|
|index.html||3 months ago|
|switcher.js||1 month ago|
This is a quick drop-in CSS switcher to allow for previewing some of the many minimal CSS-only frameworks that are available. See the demo or drop the switcher into your own page to see how different frameworks would look together with your content.
To use the CSS switcher, just add the following line anywhere within the body tag on your page:
That's it! You should now be able to cycle through the different frameworks by choosing them from the dropdown at the top of the page.
You can quickly switch between frameworks by pressing the modifier key or keys on your keyboard +
s to focus the switcher dropdown menu, followed by the up and down keys to move up and down the list.
The bookmarklet is a convenient way to preview how different CSS frameworks would look on any HTML page. Just paste the following code into your address bar to create a CSS switcher for any site:
Or alternatively, drag the link at the top of the demo page to your browser's bookmark bar.
There is a simple API available to allow linking directly to particular stylesheets on the demo page. For example:
The above links directly to the demo with Sakura CSS.