What are "Responsive" Templates

Responsive Webs?

You've heard all the buzz words going around the net, and now there's another one: Responsive. What does "responsive" mean? This means that the template was made to "respond" to different viewports, including your desktop computer, tablets, iPads, and cell phones. It automatically adjusts in width to the visitor's device.

Want to find out if your current web is responsive? All you do is grab the edge of your browser and squeeze it in. By making the view narrower, you will be able to see if your site is responsive. If it stays the same size and you have a horizontal scroll bar at the bottom of the page, your site is not responsive. If your site re-sizes and "stuff" moves around to fit in the window, then your web is responsive. Easy as that.

Why is having a responsive web important?

Well, sometimes it is important and sometimes it isn't. Don't you just love clear answers! If you have a website that is primarily viewed on a desktop, then you may not need or want a responsive web. If your clients are not looking for your site on their cell phone, but are sitting in front of their computer, then you may not need a responsive site. An example of this may be a business to business supply house.

Sometimes it is very important for your site to be responsive. If your site is often viewed with cell phones or iPads, you definitely want a responsive site. Those types of sites are viewed by people with specific things in mind, as they are "on the go." For example, a restaurant might want a responsive design; this way their patrons could easily find them to make reservations, take a quick peek at the menu, or find out the location.

Does Templates in Time have responsive templates?

Absolutely! We have a great selection of all types of responsive templates. All of our responsive designs have a brown ribbon showing on the preview image. Take your pick of Expression Web Templates, Concrete5 Themes or HTML5 templates (which can be edited in any web editor). All of our Expression Web templates work perfectly as Dreamweaver templates. Dreamweaver ignores the VTI files that are added by Expression Web. You can delete them, I'll delete them for you or you can just ignore them. See them all on our Templates in Time website.

How do I find out which viewports most of my viewers are using?

Just take a look at your web stat program. It will let you know which viewport are being used by your viewers. Make a plan from there about "becoming" more responsive.

But I'm not ready to create a new web yet. What can I do?

Just pick one of our Mobile Templates. They are made to respond to different viewports. Add them to your current web folder, fill in the content and you have a page your viewers will be directed to automatically when the viewport is a cell phone.

Free Expression Web 4

Microsoft is giving away Expression Web 4! It is the FULL version, so go get your copy now. You can find it at their download center at this url: http://www.microsoft.com/en-us/download/details.aspx?id=36179

It does not expire and does not overwrite your current version.

Yeah, something free for Christmas!
Marsha

How to pick a template that is right for your web

When you're trying to find the perfect template for your website or for your ProStores e-commerce shop, you want to make sure that you have the look, feel, and functionality that is right for you. Many people browse through template catalogs looking for a specific type of template with a specific color and navigation structure. For example, a plumber might want a purple template with drop-down navigation. How many template designers would have what that plumber wanted? Not many! Here are some ways to help you focus on a template choice that will be right for you and your business.

Web Editing Programs
Your first choice is to make the decision whether to use a straight html template that can be edited in any web editor (or even Word) or to chose a template that is made specifically for particular web editors. The most common web editors are Expression Web or SharePoint Designer (Microsoft Products) or Dreamweaver (Adobe Product). I know many of you may say that FrontPage is your program of choice, however; Microsoft stopped supporting FrontPage a few years ago and many of its proprietary functions won't view correctly in today's browsers. If you're looking at e-commerce templates, there are a number of choices, of which the most common of the hosted carts are Volusion and ProStores (More on these in later posts).

Color
So, now that you've chosen your editing program, let's pick out a template! The first thing you want to look for is the color you want your web. Many template designers, including me, use lots of graphics in the designs, so changing color is not just one or two clicks on a style sheet, it's graphics work. Go through the template choices, picking out a couple that are a pleasing color to you. If you can open your choices in different windows, then you'll be able to see the templates side-to-side to compare colors. If you absolutely must have your specific color, many designers will change the color for you for a fee.

Layout

Next, take a look at layout. Layout consists of many different options, which include: the number of columns on the page, how wide/narrow is the page, location of navigation on the page and the header section consisting of a main image or no image at all. Let's break the layout down.

1. Columns: Do you want only one column on your pages or do you want two or three columns? Most of my templates come with a couple of different layouts, but some are made so there is only one choice of layout. 
2. Width: The latest templates are designed at a width of 980 pixels, some may be even larger. A 980 pixel template will fit easily into view with the new monitors, leaving a bit of room on the side for the scroll bar and a bit of the background. Older templates, made for smaller monitors, were 750 pixels wide or even smaller. They now get lost on the larger monitors. You'll recognize the smaller width templates immediately. They look like a note card in the middle of your screen! I might be embellishing a bit, but they do look very small!
3. Navigation: Where do you want your main navigation structure? Remember, people don't want to have to look for it! Your viewers want the navigation to be in a consistent place throughout your web. Navigation is usually in the header area and/or in the side area (sidebar) of a web. Choose where you want your navigation located. Your next choice is how you want your navigation to look. Do you want a drop-down menu, a button, or a background color as you mouse-over? Pick a template that fits your needs. If you only have a few links, you don't need a drop-down menu. If you have lots of links, you might just want a drop-down menu or few global links at the top, then most of your links down the sidebar. 
4. Image or no image in the header:  That's just personal preference! 

Images

Now is the time to pick out the main image you want to use in your template! Does it match the color of the template you chose? If not, choose another image or choose another template color! Will your image "fit" in the main image area of the template? Look at the image you like. Is it in "landscape" (wider than tall), is it in portrait (taller than wide) or is it square? You can't fit a square image into a rectangle without cutting off parts of it.

Don't have an image you like? There are a number of places to get images at a very reasonable price, such as Big Stock Photo or iStockPhoto. Image pricing varies among vendors.

Did you take your own pictures for your web? That's great! Just make sure they're clear and optimized for web viewing. Your main image is your introduction to your web. It should be crisp, clear, and interesting.

Movement
JavaScript slide shows or Static images are your choices with my templates. To move or not to move, which will you choose? Choose what works for your "look." The worst thing you can do is put a bunch of movement in your site that distracts from your content and takes too much load time. We use JavaScript Slide shows in quite a few of our templates.

Hopefully this will give you a start on choosing a web template that is right for you or your business! You can always give me a call or email me as well!