8 Life Changing Websites for Front-End Coders

1. http://colorzilla.com/gradient-editor/

Using images to support gradients in your code is history, but writing your code manually can be a bit of work. So here’s the best GUI approach which gives you the complete code black as you visually adjust the gradient.

2. http://css3please.com

If gradients are not your only concern, this is the way to go.

3. https://browserlab.adobe.com/

A great place to compare how your CSS3 and HTMl 5 elements render on older browsers. It offers a two up view for comparison. This one’s particularly important for coders working on Mac. You can’t go live with your website without testing it on IE.

4. http://html5boilerplate.com/

Loads up modernizer, jQuery and other essential libraries and provides starting templates to render your site consistently across most browsers. A lighter version of the application would be -

http://html5reset.org/

And if you’re just looking to clean things up without the overhead of templates, I recommend you use this -

http://necolas.github.com/normalize.css/

Just download the file and link it to your project root.

5. http://kuler.adobe.com

If you’re running our of creativity with a color scheme for your website, this is the site to hit. You can weak one of the existing themes to get started.

6. http://texturise.com/

A great place to morph images and generate patterns. They offer a bunch of gradients ready-to-use off the shelf.

7. http://repperpatterns.com/

Take a picture and combine it into a seamless pattern. This is a paid application though.

8. http://fontsqirrel.com/

If you’re picky about typography, well you should be, and still not using typekit.com, you need to rethink. However if you’re a control freak and don’t believe in calling remote fonts check this site out. You can also check out -

     http://fontspring.com

You can use the CSS generator for multiple formats or just upload the format that you have and it will provide you all the other formats necessary. Remember though, online font usage requires a separate licence, even if you’ve purchased the font.