Web Design that taps into the haromny and vision of your dreams.

Top 10 Online Developer Tools

By on in HTML/CSS Tools

485 words, estimated reading time 3 minutes.

A top ten list of online developer tools that are my most used online resources and tools for web development and design. This list is in no particular order.

1. Dynamic Drive FavIcon Generator

Use this online tool to easily create a favicon (favourites icon) for your site. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase its prominence in your visitor's bookmark menu.

http://tools.dynamicdrive.com/favicon/

2. Flumpcakes CSS Cascading Style Sheet Optimiser

This tool is used to optimise CSS code. Enter either a URL or Copy & Paste the stylesheet into the box, and click Go.

http://flumpcakes.co.uk/css/optimiser/

3. Online Javascript Compression Tool

JSCompress.com is an online javascript compressor that allows you to compress your javascript files using a few different compression algorithms like JSMin and Packer. Compressed javascript files are ideal for production environments since they typically reduce the size of the file by 30-90%. Most of the file size reduction is achieved by removing comments and extra whitespace characters that are not needed by web browsers or visitors.

http://jscompress.com/

4. Project Fondue CSS Sprite Generator

CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coordinates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image.

http://spritegen.website-performance.org/

5. ColorSchemer - Online Color Scheme Generator

Generate matching colour schemes like never before!

http://www.colorschemer.com/online.html

6. CSS Layout Generator

This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixel, ems or percentages.

http://csscreator.com/version2/pagelayout.php

7. PHP Documentation

Essential reference for any PHP related work that I do.

http://php.net/index.php

8. Online Regex Generator

Hate regex? I do. If you're a programmer that often uses regex, then this is a perfect tool. A nice script that generates regex code for you, and works with just about anything you throw at it.

http://www.txt2re.com/

9. Htaccess Tools

One this site you will find various generators to create .htaccess files for tasks such as hotlink protection, password protection, or blocking of hit bots, redirection, URL rewriting and so on.

http://www.htaccesstools.com/

10. Google Sitemap Generator

Google Sitemap Generator, XML Sitemaps and HTML Sitemaps made easy with this free unlimited tool! Creative website owners have been using sitemaps to get their content recognized by search engines for years. This free and easy to use site map builder is fast, efficient and allows you to build sitemaps that can instantly be submitted to Google. The only requirement is a popular browser that supports java, such as Internet Explorer, Firefox and others.

http://www.auditmypc.com/free-sitemap-generator.asp

Last updated on: Wednesday 15th August 2018

 

Comments

Have a question or suggestion? Please leave a comment to start the discussion.

 

Leave a Reply

Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Your email address will not be published.