| CSS Reference – https://developer.mozilla.org/en-US/docs/Web/CSS/Reference | CSS reference – CSS: Cascading Style Sheets | MDN |
| CSS Mastering the :nth-child – https://archive.is/AuFue | Archive link to a great page on how to best utilize the nth-child features in CSS. |
| CSS Prefixer – http://www.cssdrive.com/cssautoprefixer/ | Free web tool to automatically prefix your CSS |
| CSS Minify – https://www.cleancss.com/css-minify/ | Free web tool to minify your CSS to reduce file size |
| W3C CSS Validator – https://jigsaw.w3.org/css-validator/ | Free web tool to validate your CSS for errors |
| CSS Flexbox – https://css-tricks.com/snippets/css/a-guide-to-flexbox/ | A Complete Guide to Flexbox by CSS-Tricks |
| CSS Font Stack – https://www.cssfontstack.com/ | Web safe font stacks that work on all browsers |
| CSS Modern Font Stacks – https://modernfontstacks.com/ | System font stack CSS organized by typeface classification for every modern OS |
| Type Scale – https://typescale.com/ | Preview and choose the right type scale for your project. |
| Transfonter – https://transfonter.org/ | Online @font-face generator |
| Clippy – https://bennettfeely.com/clippy/ | CSS clip-path custom shape generator |
| CSS Gradient Generator – https://www.colorzilla.com/gradient-editor/ | A powerful Photoshop-like CSS gradient editor |
| CSS Background Gradients – https://cssgradient.io/ | Create free gradient backgrounds for your website. |
| CSS Text Gradients – https://www.cssportal.com/css-text-gradient-generator/ | CSS Text Gradient Generator – CSS Portal |
| CSS Mesh Gradients – https://csshero.org/mesher/ | CSS mesh gradients generator: Mesher Tool by CSS Hero |
| CSS Email Guide – https://www.campaignmonitor.com/css/ | CSS Support Guide for Email Clients [+Checklist] | Campaign Monitor |
| CSS Grid Generator – https://grid.layoutit.com/ | Interactive CSS Grid Generator | Layoutit Grid |
| CSS Typewriter Effect – https://css-tricks.com/snippets/css/typewriter-effect/ | A cool animated typewriter effect by CSS-Tricks |
| CSS Only Text Animation – https://codepen.io/RobinTreur/pen/QKjgPX | Pure CSS Text Animation |
| Infinite – https://tilomitra.github.io/infinite/ | Useful infinite CSS animations that you can drop into your project. |
| Animation Libraries – https://css-tricks.com/css-animation-libraries/ | Various CSS animation libraries explored by CSS-Tricks |
| CSS Buttons – https://www.sliderrevolution.com/resources/css-button-hover-effects/ | The Best CSS Button Hover Effects You Can Use Too |
| Image Hover – https://imagehover.io/ | Imagehover.css – A Pure CSS Image Hover Effect Library |
| CSS News Ticker – https://codepen.io/lewismcarey/pen/GJZVoG | Create an animated news ticker marquee with pure CSS. |
| Responsive Tables – https://css-tricks.com/responsive-data-tables/ | Responsive Data Tables | CSS-Tricks |
| Hero Patterns – https://heropatterns.com/ | A collection of repeatable SVG background patterns |
| imagehover.css – https://imagehover.io/ | Pure CSS Image Hover Effect Library |
| Animate.css – https://animate.style/ | Just-add-water CSS animations |
Leave a Reply