3 Great CSS Generators and Resources

Popping in for a quick post today to share three great CSS resources I’ve used in the past few days that have helped immensely on a few different projects I’m juggling.

Here’s the deal: when I’m busy, I don’t want to spend 5 hours “reinventing the wheel” for certain things. Building certain elements totally from scratch is fun (I’m a weirdo) when I’ve got the time, but when I’m short on hours I like to use resources available on the interwebs that get me halfway to totally custom in about 5 minutes.

For some of you, you’ll be able to use these resources to do all of the work for you. That’s not the case for me because I’m doing some pretty detailed/custom CSS work, but even getting halfway there is a huge time-saver.

css-resources.jpg
  • CSS Arrow Please! This is a great example of a site that saved me hours of time. I needed my arrow to look a little different and be in a non-standard location, but even having Simon’s basic CSS was amazing. Would I love to learn how to make CSS triangles on my own at some point? Yup. Right now? Not so much.
  • CSS Menu Builder I tried a few other menu builders before I found this one. The reason this worked for me if because I needed a builder that didn’t try to do too much for me. Otherwise, I spend time stripping out unnecessary CSS. I wanted something pretty basic and this one did it. I’m not crazy about the fact that it uses images for gradient backgrounds in menus, but I know how to make CSS gradients so changing it up was super easy.
  • ColorZilla CSS Generator Speaking of gradients, sometimes it’s nice to have a wizard available to make those gradients in a jiffy. This generator from ColorZilla is easy to use and quickly generates the CSS for all different browsers.

If you are looking for a more one-size-fits-all CSS menu generator check out CSS3 Generator, CSS Menu Maker and UberMenu for WordPress.