diff --git a/BigBoxOfCSS.md b/BigBoxOfCSS.md index 1a760ca..9b12e2c 100644 --- a/BigBoxOfCSS.md +++ b/BigBoxOfCSS.md @@ -10,12 +10,11 @@ - [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) - - [Gradify](http://gradifycss.com/) - A python script that generates a gradient that can be used as a placeholder before an image loads. - [Hint.css](http://kushagragour.in/lab/hint/) - Pure CSS tooltips ## Preprocessors and rewriters - - [CSS Shorthand Generator](http://shrthnd.volume7.io/) - A wensite that converts your long hand styling rules into their shorthand versions +g - [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 - [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. @@ -27,6 +26,8 @@ - [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 - [Nested `border-radius` Calculator](http://joshnh.com/tools/get-your-nested-border-radii-right.html) - Calculate nested `border-radius`es that look good together + - [Gradify](http://gradifycss.com/) - A python script that generates a gradient that can be used as a placeholder before an image loads. + - [Bulletproof email buttons](http://buttons.cm/) - As the name suggests. Creates buttons that _will_ work in an any email client. ## Tutorials and References - [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