This commit is contained in:
dohliam 2017-05-24 12:10:06 -07:00
parent b35e94492a
commit d3f35854e7

View File

@ -4,6 +4,16 @@ This is a quick drop-in CSS switcher to allow for previewing some of the many mi
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. 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.
* [1 Usage](#usage)
* [2 Frameworks](#frameworks)
* [2.1 Adding frameworks](#adding-frameworks)
* [2.2 List of frameworks](#list-of-frameworks)
* [2.3 Theme collections](#theme-collections)
* [3 Bookmarklet](#bookmarklet)
* [4 See also](#see-also)
* [5 Acknowledgements](#acknowledgements)
* [6 License](#license)
## Usage ## Usage
To use the CSS switcher, just add the following line anywhere within the body tag on your page: To use the CSS switcher, just add the following line anywhere within the body tag on your page:
@ -12,11 +22,14 @@ To use the CSS switcher, just add the following line anywhere within the body ta
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. 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 ## Frameworks
### Adding frameworks
If you know of a minimal framework that hasn't been included here, by all means create an [issue](https://github.com/dohliam/dropin-minimal-css/issues) or [pull request](https://github.com/dohliam/dropin-minimal-css/pulls) so that we can add it to the list! If you know of a minimal framework that hasn't been included here, by all means create an [issue](https://github.com/dohliam/dropin-minimal-css/issues) or [pull request](https://github.com/dohliam/dropin-minimal-css/pulls) so that we can add it to the list!
## List of frameworks ### List of frameworks
* [awsm](https://github.com/igoradamenko/awsm.css) by @igoradamenko ([MIT](https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)) * [awsm](https://github.com/igoradamenko/awsm.css) by @igoradamenko ([MIT](https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md))
* [base](https://github.com/matthewhartman/base) by @matthewhartman ([MIT](https://github.com/matthewhartman/base#license)) * [base](https://github.com/matthewhartman/base) by @matthewhartman ([MIT](https://github.com/matthewhartman/base#license))
* [bullframe](https://github.com/marcopontili/bullframe.css) by @marcopontili ([MIT](http://opensource.org/licenses/MIT)) * [bullframe](https://github.com/marcopontili/bullframe.css) by @marcopontili ([MIT](http://opensource.org/licenses/MIT))
@ -91,6 +104,7 @@ Boomarklet generated by the [Bookmarklet Creator](http://mrcoles.com/bookmarklet
* Example videos provided by the [Blender Foundation](https://peach.blender.org/) via the [HTML5-Test-Videos](https://github.com/benhosmer/HTML5-Test-Videos) project * Example videos provided by the [Blender Foundation](https://peach.blender.org/) via the [HTML5-Test-Videos](https://github.com/benhosmer/HTML5-Test-Videos) project
* Embedded audio by [John Pazdan](http://ccmixter.org/files/flatwound/14476) at [ccMixter](http://ccmixter.org/files/flatwound/14476) * Embedded audio by [John Pazdan](http://ccmixter.org/files/flatwound/14476) at [ccMixter](http://ccmixter.org/files/flatwound/14476)
* Special thanks to [Tacit CSS](https://github.com/yegor256/tacit), which was the original inspiration for making this list to answer the question "Where can I find more frameworks like Tacit?" * Special thanks to [Tacit CSS](https://github.com/yegor256/tacit), which was the original inspiration for making this list to answer the question "Where can I find more frameworks like Tacit?"
* Table of contents made with [tocdown](https://github.com/dohliam/tocdown)
## License ## License