TheBigWarehouse/BigBoxOfCSS.md

The Big box of CSS

Ready made animations and icons

• CSS3 Generators Tools - A bunch of tools to help you visualise different styling rules

• Loaders.css - Pure CSS loading animations

• AniCollection - A collection of CSS animations

• Hover.css - More CSS animations

• Bounce.js - Don't be fooled by the name - this website lets you generate custom bounce animations

• icono - Pure CSS icons

• Colourful CSS Gradient Background Generator - Gnerates colourful backgrounds with a CSS gradient (or 4)

• Hint.css - Pure CSS tooltips

Preprocessors and rewriters

• CSS Shorthand Generator - A wensite that converts your long hand styling rules into their shorthand versions
• Myth - A preprocessor that converts CSS using all the laatest techniques into CSS that every browser will understand with graceful fallbacks

Generators and Calculators

• Ultimate CSS Gradient Generator - A GUI to help you design CSS gradients
• RedAlt I Like Your Colours - Find out what colours any website is using
• Nested border-radius Calculator - Calculate nested border-radiuses that look good together

Tutorials and References

• A Complete Guide to Flexbox - A good css-tricks tutorial on how the flexbox works
• CSS Selectors Reference - A reference for the CSS selectors with examples
• caniuse - HTML5 and CSS3 support tables for all the major browsers and versions
• caniuse-cmd - A command line tool to conenct to the above service

CSS Resets

• CSS Reset - List of CSS resets, useful when building bookmarklets
• Marx - A small and simple CSS reset

Other

• Critical Path CSS Generator - Analyses your web page and picks out 7 optimises the CSS needed to render the above-the-fold content
• Making a website responsive in 3 easy steps - Guide to making a website responsive so that it look sgood on a mobile device