Top 10 Online Developer Tools to Boost Productivity in 2024

A top ten list of online developer tools that are my most used online resources and tools for web development and design.

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. ColourSchemer - Online Colour 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 a header and footer. Values can be specified in either pixels, ems or percentages.

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

7. PHP Documentation

An 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

On this site, you will find various generators to create .htaccess files for tasks such as hotlink protection, password protection, 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 are 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, and 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