Not all hyperlinks work forever. Domains expire or change. Websites change permalinks – permanent URLs to individual posts and pages. Content is taken down. Having broken links can affect SEO ratings and upset website viewers. Below we cover how to check your website for broken links with BrokenLinkCheck.com. Fix Broken Links Visit brokenlinkcheck.com. Enter the Read More >
Website Design
Are you ready to design a website? This Education Channel has guides to help you get started and also advanced classes for the designers with more experience. So, bookmark this page and start learning.
Popular Website Design Articles
How To Embed a Chatroom with Kiwi IRC
There are multiple ways to interact with viewers within your website – forums, contact forms, and various forms of live chat. In this article we’ll cover embedding an Internet Relay Chat (IRC) room into your website using the Kiwi IRC widget generator. Embed an IRC Widget Visit KiwiIRC.com and select Your account and Embed a Read More >
How to Create a Local Dev Server with Vagrant
Now you can start developing like a pro with your own local hosting environment. You may have heard about how you can develop sites locally with your own Apache, MySQL and PHP server. It’s never been easier to install this software and have it running on your computer in a matter of seconds. In this Read More >
Create a Bootstrap Under Construction Page
Let people know you’re working on a great site by creating an attractive Bootstrap Under Construction page. Using the Bootstrap CSS framework means your page will instantly look terrific and the layout will be mobile-responsive. You don’t want to be behind the trends when it comes to designing a delicious page. What You’ll Need In Read More >
How to Use the Facebook Sharing Debugger Tool
When a visitor shares a Page or Post from your website to Facebook, Facebook’s API scrapes or reads through your Page/Post content. If it is able to detect specific HTML Open Graph Markup then it will use these details for the post that will appear on Facebook, when shared. If the markup is not detected Read More >
Accessing Your Website via IP Address
While working on your website, you may find yourself looking to connect to the website via IP address. In this article, we will outline various reasons why you may be unable to visit your website via IP address alone. Bear in mind that the differences in access may depend on the account type you have Read More >
Basic Configuration Settings for Notifybot
In the last article, we covered what Notifybot does and how to install Notifybot in WordPress. Now, since you have installed the plugin you’re ready to set up the basic configurations for Notifybot to work. WordPress boasts a 5 minute install and Notifybot claims setup is much faster than that. Login to your WordPress Dashboard, Read More >
How to Add (Embed) a YouTube Video in a Web Page
In this tutorial, we’ll show you how to Add (embed) a YouTube video. The video we will use is from our InMotion Hosting YouTube Channel. YouTube is a fantastic tool for sharing videos. They offer a solid service free of charge. Their servers are optimized for hosting video. You can expect better performance when streaming Read More >
Minifying CSS
The following article discusses the topic of compressing a CSS file, minifying a CSS file and unifying multiple CSS files. Compacting a CSS file can help with the performance of your web page because it basically reduces the overall size of the file that is being loaded. File reduction is normally done by removing unnecessary Read More >
Using the Under Construction Page provided by InMotion Hosting
The following article provides information on how to use the optional Under Construction Page provided with your hosting account. Additionally, to prevent any confusion we briefly discuss the first page that you see called the default.htm page. This page appears when you first open your site before you load any of your website files. This Read More >
How to remove the InMotion Coming Soon page
How to remove the landing page? Question: When I go to my website, I see a page that says, “Website Coming Soon!”. How do I remove this? Answer: Upload an index file (either index.htm index.html or index.php) and that file will load instead. When you visit a website, it will always attempt to display an Read More >
Adding the Bootstrap Menu Buttons to your Responsive Template
Now that you have Bootstrap set up on your Responsive Template, you can use the code provided by Bootstrap to style your site. Bootstrap has a premade set of buttons and menus that you can use in your site. You can see what the look like in the snapshot to the right.In this tutorial, we Read More >
Adding the Bootstrap files to your Responsive Template
Once you have the Bootstrap Theme Roller created and downloaded. You will need to add the files to your website. The image to the right shows what the responsive template looks like before you add the Bootstrap Theme. You can compare what the theme looks like before the bootstrap is added and after in the Read More >
Styling a Responsive Template with jQuery Theme Roller
Now that you have your responsive template, you have the Theme from Theme Roller, you can style your theme and make it look professional. This article is written so you can follow through the HTML of the Responsive Template and create the look and feel your want for your site. Please download the files for Read More >
Responsive template design with the jQuery Theme Roller
After you have the skeleton template for your responsive template created, you can customize the appearance. While your site may function well on different devices, you will want the site to look interesting as well. To create themes for your Responsive HTML template, you can use the jQuery Theme Roller to design your site. What Read More >
Adding the Viewpoint Meta Tag to the Responsive Template
Now that you have your stylesheets linked in your code for the Responsive Template, you will need to add the “Viewport Meta Tag” to your head section of your code. What is the viewport Meta tag? The viewport Meta tag alters the behavior of a mobile browser by modifying the “virtual viewport” of the device. Read More >
Links to the stylesheets in Responsive Templates
Continuing our tutorial on how to create a Responsive Template, we are moving to step 3 of the process where we add the CSS links to the stylesheets on the head section. The previous tutorial explained what you need to create for the CSS stylesheets. This tutorial will explain how to link your stylesheets to Read More >
Step 2: Adding CSS styles to a Responsive Template
In order for your Responsive Template to work, you will need to make at least 3 different stylesheets. The stylesheets will load depending on the size of the screen of the device. We will explain how to attach the style sheets in the next article. In the meantime we will make 3 different stylesheets, a Read More >
Step 1: Adding HTML to the Responsive Template
Now that you have been introduced to responsive templates, we can start building the template. The first step in creating a Responsive template is to add the code for the header, body, and footer. Adding the Responsive Template HTML code You will need to create an HTML file that you will use to create the Read More >
Introduction to Creating a Responsive Web Design
You can create your own Responsive Web Design (RWD) using HTML and CSS. Before we get started, we will need to get an idea of what we need to do to create the Responsive Template. First we need to understand CSS Media Types. Then you will need to have an idea of what mobile devices Read More >
