Web Site Design & Hosting, Greenville, South Carolina - Mojoe Logo
Web Site Design & Hosting, Greenville, South Carolina - Mojoe Logo

Why Surf the Net when you can Mojoe?

Web Site Design & Hosting, Greenville, South Carolina - Mojoe Logo Blog
Mojoe.net Weblog on Web Site, Web Design, Web Development, and General Info

Posts Tagged ‘Layouts’

Flexible or Responsive Web Design

Thursday, June 2nd, 2011

What is Flexible or Responsive Web Design?…..Is it important for my web site?
mac_computers1

Flexible or Responsive web design is ability of your website to interpret the user’s behavior and accommodate the user no matter what platform, device or browser they are using. So if the user is on an iPhone the pages loads correctly, images re-size and scale down in size for bandwidth, the same goes for any other mobile device, laptop, or desktop.

PC Devices and Blackberry

So does this mean I need to develop 20 different versions of my web site as well as be on the lookout for new emerging technologies and then re-create a whole new version of my web site? The answer is no. You do need to have a web site that uses fluid, or flexible layouts that can recognize when it switches from a laptop to a desktop and so on. To sum it up in a phrase you need a “smart-web-site.” A smart web site will respond to the user’s browser, screen size, or device.

Just like you can have a “Smart Home” that can associate you entering a room in your house and dim the lighting, adjust the heating or turn on the TV or Stereo via a PIR (Passive Infrared). Your web site will automatically know that a user is using Android phone and in response will show him/her a screen that fits in landscape mode or portrait mode. It will scale the images on your site accordingly or remove them all together to conserve bandwidth. Minimize your logo and present mobile information at the users fingertips. You can interface with certain phone functions, such as: SMS, Maps, YouTube, Facebook, Twitter, FourSquare and of course let’s not forget the actual phone.

So the answer is Yes, this new form of developing and serving up web sites is very important and if you plan on your web site being able to be accessed by a wide variety of users and platforms it is an absolute necessity. Especially, if you have a social campaign in mind or wish to stay connected with your customers/users no matter where they are.

If you would like to learn more about Responsive Web Design please feel free to comment on this post or you can email me at dwerne@mojoe.net or call 864-859-9848.

Also if you would like further reading on the subject of Responsive Web Design you can visit the links below:

Smashing Magazine
A List Apart

Cascading Style Sheets | Web Design Greenville SC

Sunday, October 24th, 2010

The first time I designed a site about 10 years ago I used tables to do my layout and to construct the web pages of the site. Which for the time it was the latest technology for designing web sites, by putting tables within tables which is called nesting tables but proved to cause the web site to load slowly. This also caused the visitors to see the site differently in different browsers, so if you viewed the site in Internet Explorer it would look a certain way and if you viewed in another it would look completely different. Well, now the only way you should layout a site is using CSS (Cascading Style Sheets).

Why you ask? Well, I am going to let you know. The first and most important thing about CSS is that it is by far more compliant when developing for multiple browsers; you can control not only the web layout that your viewers see in their browser but you can control how a web page is printed, how it is seen in a mobile device, or even how it will be seen on TV.  CSS allows you to control so many aspects of your web site; you can control link color, font types, font sizes, font color, page background color, positioning of columns and positioning of content. These are just a few of the many ways you can control your web page and other web related content.

If you are a beginner and want to know where to start I am going to provide some links below. My recommendation is that you start by just controlling simple content on your site like fonts, link color, and text.   Learn the basics first what can you control and what you cannot control, what will be seen in browsers correctly and what will not. IE (Internet Explorer is notorious for CSS not working correctly and requiring special CSS just for IE to show the web site in the same manner as the other browsers. W3C is a great place to learn the basics and do some tutorials that will teach you the basics as well as more advanced CSS techniques.

One important piece of advice that I can give when designing a web site for a client, customer, or even for yourself is to study as much as possible and do as many tutorials as you can. Here is a list of links that I have used to teach myself as well as links that I referrer back to when designing a site for a client. However, always keep in mind what browsers your site will need to work in; such as, Firefox, Opera, Safari, Chrome, Internet Explorer and as you become more proficient you will need to decide what level of CSS you are going to do use and whom your audience is going to be.

Recommended Links
Web Designer Depot CSS
CSS Tricks CSS
Layout with CSS
CSS for Beginners

Web Design Greenville SC | Mojoe Blog is proudly powered by WordPress | Entries (RSS) and Comments (RSS).

Follow

Get every new post delivered to your Inbox

Join other followers:

Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
Toms
Billige Toms Sko Dame
Billige Toms Sko
colorful toms
toms shoes classics
toms shoes for men
toms shoes men
tom sko
toms mens shoes
canvas toms
toms stripes
tom's shoes men
toms pics
jordans for sale
Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
Toms Sko
toms sko nettbutikk
toms sko norge
toms sko salg
jordans for sale
cheap jordans
buy authentic cheap
jordans for sale
Jordan 7 Bordeaux
Jordan 6 Low Infrared 23
Jordan 13 Low Bred
Jordan 11 Low Bred
Jordan retro shoes store
buy jordans shoes
jordan shoes for sale
jordan store
authentic jordans
Air Jordan retro shoes
Toms Sko
Toms Sko
colorful toms
colorful toms shoes
Toms Sko
toms shoes classics
toms shoes classics
toms classics
toms classics
Toms Sko
Toms Sko
Toms Sko
toms Sko for salg
toms Sko billig
toms Sko for salg
Toms Sko
Buy TOMS Shoes Online
Buy TOMS Shoes
Buy TOMS
Classics TOMS
toms shoes
toms sale
toms outlet
cheap toms shoes
toms children
women toms
toms men
toms shoes 2015
toms sale stores
toms shoes
toms one shoes
Toms Sale
Buy TOMS Shoes Online
Buy TOMS Shoes
Buy TOMS
TOMS
Classics TOMS
toms shoe
toms sale
toms outlet
cheap toms shoes
toms children
women toms
toms men
toms shoes 2015
toms shoes sale
toms shoes shop
toms sko
toms sko uttak
toms sko
toms sko billig