5 Brilliant, Simple & Free Web Design Tools

It’s fair to say that there are no shortage of tools, gadgets and gizmos to aid the web designer/developer and some of them are fabulous, IF you have the budget to pay an arm and a leg for the fees.

What about those just starting out, or those who just have to work with a very small budget? What’s available for those people? Quite a bit as it happens! Here is my round-up of the 5 best tools for web designers/developers for absolutely no money whatsoever.

  • Webfx – RGB to Hex convertor. Keep it simple! This nifty little tool, will take your RGB colour and convert it to hex faster than you can blink and displays the colour in the background. This is brilliant if you have, say, a logo that you want to match a background to. Simply put the logo in your computers basic paint program, use the eyedropper tool to pick up the colour you want and “edit colour”. You will get an RGB value. Enter this on the Webfx site and bingo, Hex code that you can copy and paste into the WordPress customiser or into the HTML of your site. Simples! Perfectly matched every time.
  • EZGif – Just about every photo/video editing gadget you could think of, all under one roof and all for free. Whether you want to create a gif, crop a video or paste pictures together, this website has it all.
  • Codepen – If you are coding HTML/CSS/Javascript from scratch, you will know how frustrating it can be to create a whole page and then something doesn’t work. You have to go back through all your code and find where you went wrong. Codepen, which is an online code editor and front end web developer, takes the pain out of it. Here you can code your HTML, CSS and Javascript in three, clearly defined boxes and see the results of your coding below, check things work and debug before pasting that code into the website you are working on.
  • Unsplash – Often times clients will provide their own images for their site but there are occasions when they want something else and don’t have it and may send you hunting for an appropriate picture. Unsplash is a brilliant and free resource for high quality images. You have to be careful with copyright when using images but Unsplash really is free – in their own words “Unsplash is a platform powered by an amazing community that has gifted hundreds of thousands of their own photos to fuel creativity around the world. So sign up for free, or don’t. Either way, you’ve got access to over a million photos under the Unsplash license—which makes them free to do-whatever-you-want with.”
  • XAMPP – If you make WordPress sites, this is a brilliant tool which essentially allows you to work on your sites offline. Yes! You don’t need internet! You can work on sites, play around with them and mess up and no one will ever know! Reasonably easy to get set up and running.