Archives
/
dropin-minimal-css
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 Commits
2 Branches
0 Tags
17 MiB
CSS 99.6%
HTML 0.3%
 
 
gh-pages
modular_test
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '04a63d9eca'
${ noResults }
Go to file
dohliam 04a63d9eca +vital 7 years ago
vendor +vital 7 years ago
LICENSE initial project version 8 years ago
README.md +vital 7 years ago
index.html remove extraneous tags 8 years ago
switcher.js +vital 7 years ago

README.md

Drop-in switcher for previewing minimal CSS frameworks

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.

This project only includes minimal frameworks, in other words, boilerplate frameworks that require no adjustment of the corresponding HTML and can be simply dropped into the project to provide a starting point for further design. No additional javascript, compiling, pre-processors, or fiddling with classes should be required for these to look good and be responsive.

Usage

To use the CSS switcher, just add the following line anywhere within the body tag on your page:

    <script src="https://dohliam.github.io/dropin-minimal-css/switcher.js" type="text/javascript"></script>

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.

Adding frameworks

If you know of a minimal framework that hasn't been included here, by all means create an issue or pull request so that we can add it to the list!

List of frameworks

Theme collections

Acknowledgements

LICENSE

MIT.