1
0
Fork 0
mirror of https://github.com/sbrl/thebigwarehouse.git synced 2018-01-10 21:33:45 +00:00
TheBigWarehouse/BigBoxOfCSS.md

40 lines
2.9 KiB
Markdown
Raw Normal View History

2015-04-20 19:23:58 +00:00
# The Big box of CSS
## Ready made animations and icons
2015-05-23 14:09:26 +00:00
- [CSS3 Generators Tools](http://www.cssreflex.com/css-generators/) - A bunch of tools to help you visualise different styling rules
2015-05-19 10:43:57 +00:00
- [Loaders.css](http://connoratherton.com/loaders) - Pure CSS loading animations
2015-04-20 19:23:58 +00:00
- [AniCollection](https://anicollection.github.io/#/) - A collection of CSS animations
- [Hover.css](https://ianlunn.github.io/Hover/) - More CSS animations
2015-05-31 19:49:35 +00:00
- [Bounce.js](http://bouncejs.com/) - Don't be fooled by the name - this website lets you generate custom bounce animations
2015-04-20 19:23:58 +00:00
- [icono](https://saeedalipoor.github.io/icono/) - Pure CSS icons
- [Colourful CSS Gradient Background Generator](http://www.webcore-it.com/colorful-background/) - Gnerates colourful backgrounds with a CSS gradient (or 4)
2015-06-02 06:31:36 +00:00
- [Hint.css](http://kushagragour.in/lab/hint/) - Pure CSS tooltips
2015-05-31 19:53:26 +00:00
## Preprocessors and rewriters
2015-06-01 07:22:43 +00:00
- [CSS Shorthand Generator](http://shrthnd.volume7.io/) - A wensite that converts your long hand styling rules into their shorthand versions
- [Myth](http://myth.io/) - A preprocessor that converts CSS using all the laatest techniques into CSS that every browser will understand with graceful fallbacks
2015-06-25 17:20:40 +00:00
- [PurifyCSS](https://github.com/purifycss/purifycss) - Automatically remove unused CSS at build time. Great if you use CSS frameworks as this tool can seriously cut down on the amount of CSS that is sent to the user's browser.
2015-05-23 14:09:26 +00:00
## Generators and Calculators
- [Ultimate CSS Gradient Generator](http://www.colorzilla.com/gradient-editor/) - A GUI to help you design CSS gradients
- [RedAlt I Like Your Colours](http://redalt.com/ilyc) - Find out what colours any website is using
2015-06-06 11:54:59 +00:00
- [Nested `border-radius` Calculator](http://joshnh.com/tools/get-your-nested-border-radii-right.html) - Calculate nested `border-radius`es that look good together
2015-05-10 17:08:06 +00:00
## Tutorials and References
2015-05-05 15:21:48 +00:00
- [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) - A good css-tricks tutorial on how the flexbox works
2015-05-10 17:08:06 +00:00
- [CSS Selectors Reference](http://www.w3schools.com/cssref/css_selectors.asp) - A reference for the CSS selectors with examples
2015-05-23 14:15:43 +00:00
- [caniuse](http://caniuse.com) - HTML5 and CSS3 support tables for all the major browsers and versions
- [caniuse-cmd](https://github.com/sgentle/caniuse-cmd) - A command line tool to conenct to the above service
2015-05-05 15:21:23 +00:00
2015-05-07 06:57:35 +00:00
## CSS Resets
2015-05-31 19:54:30 +00:00
- [CSS Reset](http://www.cssreset.com/) - List of CSS resets, useful when building bookmarklets
2015-06-06 11:47:18 +00:00
- [Marx](https://mblode.github.io/marx/) - A small and simple CSS reset
2015-05-07 06:57:35 +00:00
2015-04-20 19:23:58 +00:00
## Other
- [Critical Path CSS Generator](http://jonassebastianohlsson.com/criticalpathcssgenerator/) - Analyses your web page and picks out 7 optimises the CSS needed to render the above-the-fold content
2015-05-31 19:53:53 +00:00
- [Making a website responsive in 3 easy steps](http://www.catswhocode.com/blog/making-a-website-responsive-in-3-easy-steps) - Guide to making a website responsive so that it look sgood on a mobile device
2015-05-05 15:21:23 +00:00