Website Design and Content Tools

There is a wealth of tools across the web, both free and paid, to help design, code and manage your website. This list of tools is comprised of software and online testing tools that we use daily to design, code and manage websites.

Notepad++

We live in Notepad++. This is our preferred tool to code and troubleshoot code for websites. We design custom website templates and themes for websites that use Content Management Systems like Drupul, WordPress and Joomla as well as sites that upload files directly to their host server. We love the way it assigns coding elements their own colors. We also love using this upgraded Notepad that does exactly what you want it to do without intrusive features that distract more than they help.

Cost: Free, per website
License: GNU General Public License

Photoshop

Adobe Photoshop is more than you need for website design, but if you have access to Photoshop for other reasons you'll find yourself using this tool with great regularity. It has the ability to create automations for repetitive tasks that can save you a tremendous amount of time. For professional website designers and marketing departments, this software is a must. If you design websites and artwork for fun or are just getting started in the business, GIMP may be a better match for you.

Cost: Pricey, per website
License: Subscription

Illustrator

Adobe Illustrator is the tool to design logos, icons and graphics designed as vector graphics (that can easily be saved as svg (screen vector graphic) files for your website. Illustrator files can be scaled for every size screen from phone to the 98" tv screen without losing quality. Like Photoshop, Illustrator is a must for professional website designers and marketing teams. GIMP is also a free alternative for Illustrator.

Cost: Pricey, per website
License: Subscription

GIMP

Honestly, we're on Photoshop and Illustrator as we're old school and have non-subscription licenses to the software which does not have a subscription fee. But we like to find open source alternatives to paid software and GIMP appears to be a good solution as a Photoshop alternative. Let us know what you think of GIMP on our Facebook page.

Cost: Free
License: GNU General Public License

Online-Convert

We use this free image converter to the webp format from Google. Webp is one of the newer file formats that helps browsers render your site's images faster than older formats like .jpg and .png. The total file sizes for images you can convert at one time is limited to 100 MB with the free license, but you can upgrade to a paid license if your conversion volume requires it.

Cost: Pricey, per website
License: Subscription

Snazzy Maps

If you're planning on incorporating Google Street Maps into your site's content, you'll want to check out Snazzy Maps. Snazzy Maps is a free tool that makes it easy to find the various of available Google base maps for streetmap view. This tool makes it easy to add your own markers to its map builder, style your markers and select your preferred base map.

Cost: Free
License: Google Map API required

More Online Tools

Search online tools that are available to help you develop content, code your website, design your website, test your website, optimize your website and test website speed. These are tools that have come in handy from time to time for us, let us know what you think on our Facebook page.

Articles/Tools