Custom CSS Styles with the Bootstrap Theme Roller

When you are designing your website, you will be relieved to learn that there are easy to use tools online that allow you to create your own website styles that can be applied to your website. The Bootstrap Theme Roller is a great tool for designing your website with javascript. What is Bootstrap Theme Roller? Read More >

Free Responsive Templates with jQuery Theme Roller styles

You can create your own custom Responsive Template using the jQuery Theme Roller. We have created some premade themes for your Responsive Template. Below are the premade themes you can get in the Theme Roller Gallery. Feel free to download these and edit them as you see fit. You can also learn how to create 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 >

Step 4: 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 >

Step 3: 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: 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 >

Responsive web design (RWD) and Responsive Templates

“Responsive Templates” or “Responsive Web Design (RWD)” is the new wave of web design. According to Wikipedia, “Ethan Marcotte coined the term Responsive Web Design (RWD) in a May 2010“. Since then Responsive Web Design is becoming an important part of the web development process. What is a Responsive Template? A “Responsive Template” is a Read More >