5 Web Development Resources That Will Help You Get out of a Soup

Here are 5 web development resources, which will surely help you out of a soup, if you land in one. They will be of immense help to you, if you get stuck in some development related problem.

Developing websites is not only about being proficient in web technologies such as – HTML, CSS, PHP/LAMP and the likes. True, you need to have an in-depth knowledge of these technologies, but what you must also know, are some of the best resources, which help make the process of web development easy and more fun for you.

The best part is that most of these resources are available for free and supported on various web browsers, so that you can access and use them anywhere and everywhere. Here are five such web development resources, which will surely help you out of a soup, if you land in one. This means they will be of immense help to you, if you get stuck in some development related problem.

The Responsinator

Responsinator is my personal favorite. Whenever I work on a website, I make it a point to check its responsiveness using this simple web-based tool. This is a one-of-its-kind web application, which allows you to check how responsive your website is, on various mobile devices. To use it, all that you need to do, is to copy-paste your website URL in a text box, given on Responsinator.com. After doing so, you’ll be able to view your website on a number of mobile devices, such as – an iPhone, an iPad, Android smartphone etc. This way, you can check your website’s responsiveness and make the changes if necessary. Way to go!

Mozilla Thimble

Create your own web pages using Mozilla Thimble, a web based tool, which you can use to create a complete website within minutes, using HTML and CSS. Type in the code on the left side of the screen and you’ll be able to view the result instantly on the right; it also offers a simple “spell check” feature that helps you spot errors in your code and rectify them immediately. When you are satisfied with the end-results i.e. your web pages, proceed to host and share your work online.


PNG is a widely supported image format, which can store partially transparent images. This is the reason why, a number of web developers store and use images on their websites in the ‘.png’ format. This is where TinyPNG.org comes into focus; this smart tool uses advanced ‘lossy’ compression techniques that help shrink your PNG files, which in turn will make your web pages load faster.


Codeanywhere is a code editor, which you can simply use on a browser. It consists of an integrated FTP client and supports all major web formats, which include, but are not limited to HTML, PHP, CSS, XML and JavaScript. Basically, this tool is supported on all the major browsers and solves all your coding based needs in a jiffy!


Suppose you develop a praiseworthy website and want to use bits of code used for developing it in the future, for your reference. This is where tools such as Snipsave, comes to your rescue. To use Snipsave, just create an account on it and create, edit, delete or save all your code snippets. In the future, when you require certain snippets of your code, simply access your code from anywhere by logging in to this site.

To conclude

These were some of the numerous web development tools and technologies, which are easily available online. I hope that these tools gave an idea about the kind of online resources you can use while developing your websites. In addition to these, you can search for and use many other tools and techniques to help you develop your websites.

Guest post by: Alan Hall is a developer with PLAVEBApps with proficiency in both mobile as well as Custom web development. He is among those developers, who never tire of experimenting with codes and creates innovative mobile and web applications for his company.

Subscribe to WebmasterFormat RSS Feed Follow WebmasterFormat on Twitter

Thanks Allan

Thanks Allan for the great tools. I haven't used the Responsinator and Snipsave but will definitely give it a try. Another great tool we use at the web design company I work for is the Image Optimizer. I greatly helps in image optimisation and size reduction which in turn reduces page load time. Thanks for sharing the great tools.