Feeling overwhelmed with web design? Start right here!

Free video course!

Foundations In Web Design

Discover how modern, professional websites are built!

  • Dispel the confusion!
  • Untangle the information overload!
  • See how all the pieces fit together!
  • Perfect for anyone looking for simple answers to get started!

Join 11,000+ design newcomers, small biz owners, and other creative rabble-rousers!

GET YOUR FREE COURSE

Web Design Tools, Services & Free Resources To Help You Get Online

Here’s a helpful list of resources, tools, and recommendations to help you go further with your web design skills. You’ll find where to go to register a domain name, set up your web hosting, some top email service providers, 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! (more…)

Finding The Best Front-End Code Editors For Windows And Mac

In a previous tutorial, An Introduction To Code Editors For Front-End Web Design, we talked about what we’d need from a code editor for front-end web design—the kind of web design Ten Ton focuses on. We learned that while a simple text editor can do the job, going with a code editor, which as been purposely built to handle languages like HTML, CSS, JavaScript, and others, gives us a lot of handy tools and features to help make our work go faster. We also learned what we didn’t need and also what we should avoid. If you missed it, be sure to check out that previous tutorial for more information before continuing here. (more…)

An Introduction To Code Editors For Front-End Web Design

A key tool in every web designer’s arsenal is some kind of code editing application. Simply said, a code editor is just a piece of software that allows you to write and edit code by hand. Even if you’re running a WordPress website, or a site on any other platform, a solid code editor is a must-have tool for maintenance—just like an FTP application. (more…)

Top Web Hosting Companies

In this tutorial, I want to recommend some specific web hosting companies that might be a good fit for you. The idea is to narrow down your number of choices from a seemingly endless number of web hosting companies to sort through, to just a handful of the best. This will give you a great starting point. (more…)

Best FTP Applications For Mac Users

We talked about some of FTP fundamentals in a previous tutorial, like how FTP works, what you need to know about it, and so on. Here, I’d like to provide you with some recommendations for FTP applications that you may want to consider using. There’s certainly no shortage of free and commercial-grade FTP applications available, but here we’ll zero in on just a handful. If you’re running a smaller site, a free FTP application will be just fine. If you have more advanced needs, and want to ensure security and reliability, then going with a paid application is your best option. (more…)

Best FTP Applications For Windows Users

In a previous tutorial, we talked about some of the fundamentals of FTP—how it works, what you need to know about it, and so on. But what I wanted to do here was provide you with some recommendations for FTP applications that you may want to consider using. There’s certainly no shortage of free and commercial-grade FTP applications available. If you’re running a smaller site, a free FTP application will be just fine. If you have more advanced needs, and want to ensure security and reliability, then going with a paid option is your best bet. (more…)

How To Use FTP To Connect To Your Website

In web design, we often need to connect directly to our web server to access the files there. Maybe we want to edit some of the files that are a part of our website, upload new files to our web server, or perhaps back up some of our site files manually. The best way to connect to our web server and gain access to the files stored there is using something called FTP (File Transfer Protocol). (more…)

How To Set Up A Website-Branded (Professional Business) Email In Gmail

Getting our email set up is, of course, a very important step in building and running our web projects. I always advocate for separating your essential web services, and using dedicated vendors for each. And the same holds true for email. There are significant drawbacks to simply using free email that comes with your web hosting—issues like spam, unreliability, and security. (more…)

How To Set Up Google G Suite Email

In a previous tutorial, we discussed why using the free email service that’s bundled with your web hosting can lead to a whole range of problems. Or, you may find yourself in a situation where your web hosting provider doesn’t offer email service at all (as is the case with hosts like WP Engine and Flywheel). Either way, we want to ensure that our primary web services are handled by separate vendors. To achieve this, and get you set you up in the best possible way, we’ll take a look at how to set up Google G Suite for your website. (more…)

Finding The Best Email Service For Your Website

In a previous tutorial, we talked about why using the free email service that comes with your web hosting can lead to unnecessary headaches. Or, you might be in a situation where you’ve signed up with web hosting that doesn’t offer email service at all (as is the case with hosts like WP Engine and Flywheel). Either way, in this tutorial, we’ll take a look at a few of the best business-grade, dedicated email services to handle your website’s communication. Remember, we always want to keep our essential web services separate from one another. (more…)