Web Design Tools, services & free resources to help get you online

Here’s a helpful list of resources to help you get underway and go further with your web design skills. You’ll find where to go to register a domain name, set up your web hosting, coding tools, web platforms for you to build with, web browsers, ftp applications, graphics editors, web templates, stock graphics, icons, and web elements, and additional tools and services for you to look into. As I discover new resources, I’ll continue to add them here—so be sure to bookmark this page, and come back often!

In the article below, I’ve provided a lot of resources, links, and additional material to help get you started in web design. Some of the links are for free products and services, while other links are affiliate links. This means that if you choose to click on those links, and wind up buying the product, I earn a little bit. But, it doesn’t cost you any extra, and in fact, using these links may even save you some money.

Registering a domain name

There are many places to register a domain, and you can even register a domain while simultaneously setting up your web hosting (see below).

  • GoDaddy.com A widely used domain registration site, with .com domains running about $15. Other services, like web hosting and email marketing, are also offered.
  • NetworkSolutions.com Another popular domain name registration company, and like GoDaddy, Network Solutions also offers additional services, like hosting, design, and marketing.

Setting up Web Hosting

Like domain registration companies, there are many places to find affordable web hosting. You can either register your domain and set up your hosting separately, or set up both at once.

  • WebHostingHub.com: A great place for new users and experienced designers alike to set up their hosting. Use this link to get your hosting for just $3.99/month!
  • AnHosting.com: Geared more towards smaller, more budget-conscious websites, making them a great host for those just getting started.
  • MidPhase.com: This service is more for businesses and larger sites, and dedicated servers are also offered.
  • MediaTemple.net: For those with medium to large-scale sites looking for top-quality service and support, Media Temple is a great choice.

Software You’ll Need

The software you choose to build websites with can range from low to high caliber, depending on your needs. You can go with a plain text editor (be sure it’s a plain text editor, not a word processor), or you can use a dedicated code editor or a WYSIWYG application.

  • CoffeeCup HTML Editor: This editor makes coding sites a breeze with great built-in features like code completion and built-in validation (Windows, $49).
  • CoffeeCup Web Editor: Also from CoffeeCup, this is the Mac version of the above software, and packs the same caliber of features as its Windows counterpart (Mac, $49).
  • Adobe Dreamweaver: Adobe’s highly popular and widely used web editor, Dreamweaver’s available as a standalone application or as part of Adobe’s Creative Cloud (Windows and Mac, $20/month for Dreamweaver, or $50/month for the entire Adobe Creative Cloud suite).
  • NetObjects Fusion: An alternative to Dreamweaver, NetObjects Fusion makes building and managing websites fast and easy (Windows and Mac, $130).

Web design platforms

There are lots of ways to build websites. One of the fastest, most straightforward ways is to use a platform like WordPress—which can handle pretty much anything you can throw at it. You might also be interested in looking at an e-commerce platform like Zen Cart, or look into other available options.

  • WordPress.org: The most popular, most widely used CMS (Content Management System), because of it’s ease of use, open-source code, it’s huge online community, and it’s flexibility and customization via plugins and themes.
  • Zen-Cart.com: A very powerful, feature-rich shopping e-commerce application, which allows you to sell products, services, and digital goods online.

Web Browsers

While you’re building your site, you’ll want to preview your work in at least a few web browsers. Below is a list of the most common browsers. If you don’t already have them, go download and install ’em (they’re all free).

FTP Applications

To connect to your hosting account, your live web server, you’ll need what’s called an FTP application, sometimes called an FTP client. FTP stands for File Transfer Protocol. There are lots of great FTP applications available, and most of them are free. So you’ll probably want to try one or two out first before choosing one to stick with.

  • FireFTP: A free Firefox plugin, which adds FTP capabilities directly within your browser. This is my FTP application of choice.
  • Filezilla: A popular FTP application, which is a free for Mac, Windows, and Linux users.
  • Cyberduck: A widely-used free FTP application for Mac and Windows.
  • CoffeeCup Free FTP: An easy-to-use FTP client, freely available for Windows users.

Graphics Editors

Having some kind of graphics editor on hand makes building websites a whole lot easier. Even some software that’ll letcha do simple stuff like rotating, cropping, and minor colour correction would be a huge help, but you may want a little more horsepower than that for your web design ventures.

  • Photoshop: With loads of horsepower and tons of features, Photoshop is, of course, the most popular raster (pixel-based) image editor available ($20/month, or $50/month for the entire Creative Cloud suite, which includes Dreamweaver, mentioned above, and Illustrator, below. Windows, Mac).
  • Illustrator: Photoshop’s sidekick. A lot of web designers (myself included) use Illustrator to create logos, buttons, icons, layout mock-ups, and so on (Also $20/month or $50/month for the full CC suite. Windows, Mac).
  • Gimp: A popular, free, and open source raster image editor (Windows, Mac, Linux).
  • Inkscape: Free and open source vector graphics editor (Windows, Mac).

Web Templates

Get your website up and running in no time by using pre-made, ready-to-use web templates. There are heaps to choose from, whether you’re building your website with straight HTML and CSS, WordPress, Zen Cart, or other web platforms.

    • Template Monster: Browse through Template Monster’s impressive collection of WordPress and Zen Cart themes.
    • Theme Forest: WordPress and Zen Cart themes, and themes for other web design platforms.
    • Thesis Theme: A very popular and easy to customize WordPress theme by DIY Themes.
    • Studio Press: Powering over 86,000 sites, Studio Press offers up industry standard premium themes.
    • My Theme Shop: SEO-friendly and responsive themes for your WordPress site.
    • WPZoom: Professional, easy to use themes with lifetime support.

    Stock Graphics, icons, fonts, photos, music & Scripts

    You don’t have to be a professional designer to have a professional looking site. Below you’ll find some great resources to bring your website to life—pro-quality graphics, stock photography, scripts, and more.

    • GraphicRiver.net: Find loads of icons, fonts, web elements, and a whole lot more. A resource you’ll definitely want to bookmark!
    • PhotoDune.net: High quality, royalty free stock photography.
    • IconDemon.com: Stock icons and imagery that are perfect for your web projects.
    • CodeCanyon.net: Find tons of scripts, polls, forms, WordPress plugins, CSS elements, and more.
    • MyFonts.com: The right font can really bring a layout to life. Find some great fonts for your next web project at MyFonts.com.
    • AllStockMusic.com: Finding the right jingle or intro music for your projects can be a real pain. But, you might find the perfect tune at AllStockMusic.com.
    • AudioJungle.net: Another music resource, AudioJungle.net offers up thousands of intros, loops, sound effects and more.

    Additional Tools & Resources

    Push your web design skills even further with these additional tools, services, and resources. These extras will help you build better websites, diagnose issues, and assist you in testing your projects on various platforms and devices.

    • Google Analytics: Free and easy to set up, Google Analytics gives you a massive amount of information about who’s visiting your site, what pages are most popular, what pages visitors exit from most often, browsers, screen resolutions, and a whole lot more.
    • Screenfly: Stick a URL into Screenfly, a completely free service, and then choose a mobile, tablet, or other device from the menu, and you’ll get a preview of your site on the selected device. This is huge for designers who want to build responsive layouts that function across multiple devices.
    • Web Developer Toolbar: Get your hands on a huge set of web design-related tools with this free plugin for Firefox.
    • Firebug: Another fantastic plugin for Firefox, Firebug is essential for diagnosing page structures and CSS. A must-have.
    • Browsershots.org: A decent cross-browser, cross-platform testing tool.
    • Parallels: Run Windows on your Mac ($80). This is exactly what I do, and if you’re a Mac user, I highly recommend installing Parallels and Windows. It makes browser and platform testing a breeze. In fact, I’m running two versions of Windows, Linux, and Chrome OS, all inside Parallels, all on my Mac laptop. Of course, you’ll need a copy of Windows too ($120).
    • XAMPP: Turn your Windows computer into a temporary web server. XAMPP allows you to run platforms like WordPress and Zen Cart directly on your computer, so you can develop locally rather than on a live webserver. Best of all, it’s completely free!
    • MAMP: For Mac users who want to install and build websites using platforms like WordPress and Zen Cart on their computer. Like XAMPP above, this means you can build your site directly on your computer rather than on a live webserver. Also completely free.

    Alright, let’s leave things here. I hope you found this article to be of tremendous value. There’s lots here for you to go on, and lots of extra options for you to consider. If you have anything you’d like to add, any questions, etc., the comments are wide open below. Or, catch me at sayhello@tentononline.com.

Hey, I’m Geoff. I create online video courses to help people launch their online projects, expand their businesses...and yeah, make more money!

Learn more about me here.

Get free articles and tutorials!

  • Pingback: How to start your wordpress website | Ten Ton Online()

  • Pingback: Page not found | Ten Ton Online()

  • Pingback: How To Start Your WordPress Website | Ten Ton OnlineTen Ton Online()

  • JL

    I’m sorry to even ask but every so often I would come back to this bookmarked page that allowed me to watch “Creatin’ CSS Layout in Dreamweaver, Part Three!”. While I know you need to make money in what you do, I was wondering how I can get access to just this video; I don’t feel I need to purchase anything but this video at this time. I’ve done it several times just going of the audio in the background but now I’m in a panic because its not there! Can yo please help.

    • Hi, is this the video you’re looking for? http://www.youtube.com/watch?v=wX9k1XDc37M Please bear in mind it’s quite old now! -Geoff

      • JL

        Oh Yay!!!!! I know its old but its been one of my most comforting videos on getting the look I want…. Once I have more time I will watch the newest method and seriously buy some your courses because you are truly a master on teaching. I went to college and didn’t learn as much as I’ve learned watching your stuff! Thank you so much!

        • Thanks for the kind words! Yeah, the newer method, believe it or not, is actually easier and more straightforward! Cheers! -G

  • Pingback: Create Beautiful, Responsive Websites Without Any Code | Ten Ton OnlineTen Ton Online()

  • Warren McCormack

    These are some of the best online video courses I’ve come across in a long time. It’s addictive!

    • Thanks Warren, I really appreciate the kind words! Be sure to let me know what you’d like to learn next! -Geoff

  • Pingback: Dreamweaver vs. WordPress: Which Should You Use? | Ten Ton OnlineTen Ton Online()

  • Percy Ordonez

    wow! good stuff only in this page. Great resources. thank you for sharing.

  • Pingback: How To Create A Website (Not A Blog) With WordPress | Ten Ton Online()

  • Pingback: How To Back Up WordPress Automatically | Ten Ton Online()

  • Pingback: WordPress Feature Overview | Ten Ton Online()

  • Pingback: Setting Page Sort Order | Ten Ton Online()

  • william christi

    It is has its own stuff within it and further helps out to get something new and a valuable one, its really a good job and appreciable one.

    thanks for sharing your views

    regards

  • Warner Cyr

    Hey Geoff, thanks for sharing all these great resources!! I’m trying to set up a WordPress website offline that I can practice with and design and build sites to put in a graphic design portfolio. Is this possible? I currently have a portfolio site online in WordPress but I’d rather not mess around with that one until I’ve further developed my WordPress skills. Thanks for your help!

    • Hey Warner, thanks for the comment. Yes absolutely you can do this — and it’s a great idea for developing your site first before going live. If you’re on Windows you can use XAMPP, which is a free download at apachefriends.org or if you’re on the Mac, there’s MAMP, which is also free over at mamp.info. Once your site is complete you can upload it to a live web server. Hmmmm…I think this would make an awesome short video course, walking viewers through exactly how to do this. I’m on it!!! -G

  • maxwebrank

    Nice article with useful list of web designing ideas!! Users will surely like such kind of articles which contains technical stuff. You have enlisted all the major web designing tools.

    maxwebrank

  • Unreal!! Love these sites! I’d also add “Unsplash” its a free image site that have new images (for free) every day! The best! Many thanks!

  • Ron Starc

    FTP Manager Lite is one of the best free FTP and SFTP client software. The clean interface is super easy to use. It will perform your files transfers quickly and efficiently. It also supports FXP for superfast server to server transfers.
    http://www.deskshare.com/ftp-manager-free.aspx

    • Thanks for the recommendation, Ron. I’ll check this one out -G