7 helpful website development tools

I’ve been occupied with web development the last few months and thought I’d share some of the resources/development tools I’ve come across

Color Wizard

I often struggle with what colours compliment other colours when designing a website. Thankfully I don’t need to take a design class to learn this skill. At coloursontheweb.com, their colour wizard application provides a convenient method for selecting colours and finding out what other colours are complimentary.

Lipsum

Developing a website template but don’t have any written content yet? Not a problem. Simply head over to lipsum.com to generate some dummy text for you site, and see what your template will look like with pages of content.

Google Fonts

Looking for a unique font for your site? Or perhaps you want your site’s title to stand out from the body of the page? If so, perhaps Google fonts can help. Google provides a wide selection of different fonts which can be easily added to any site.

Font Pair

Now that you’ve added that fancy Google font to your site, you’re probably wondering what type of font compliments it for the main body of your page. Font Pair solves this problem for you, by providing a list of suggestions for a variety of different fonts.

Typosaurus

Are you a poor speller? Or perhaps you have fat fingers like me? If you frequently make typos, than perhaps typosaur.us can help. Typosaurus provides a simple tool which allow users to submit their website URL and have Typosaurus check it for errors.

Font-Awesome

Font Awesome is a CSS library containing icon art. If you’re in need of a clean icon for your social media section of your home page, or simply lack graphic design skills but want to include an image on your site. Than take a look at font awesome. It’s a great library, which is easy to use and can add some extra polish to any design.

JSLint

If you’re a web developer, than you likely know about this tool already. If you’re just starting out with JavaScript than do yourself a favour and bookmark this site right away. JSLint provides a simple interface for checking JavaScript code. Although some may find it strict in what it considers an error, the end result of using this site is the development of better code writing habits and a useful tool for finding syntax errors. It’s a wonderful tool, so take a moment and try it out the next time you have an error in your code.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s