3 replies [Last post]
suavedesign
suavedesign's picture
Offline
Enthusiast
Last seen: 4 years 37 weeks ago
Timezone: GMT-5
Joined: 2010-12-01
Posts: 128
Points: 191

I am looking to make my client's ecommerce website responsive. Is there anything that I should specifically include or not include on the homepage for the responsive version?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 5 hours ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9772
Points: 3854

Yeah to both

Include well structured, properly marked up content. Avoid large or fixed size images, flash etc.

We really can't offer much in the way of advice (different from the usual tutorial stuff) without a look-see at the site.

(A well constructed site, that works without javascript is automagically responsive to screen dimensions and useful on any UA.)

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

suavedesign
suavedesign's picture
Offline
Enthusiast
Last seen: 4 years 37 weeks ago
Timezone: GMT-5
Joined: 2010-12-01
Posts: 128
Points: 191

Thanks for the quick reply.

Thanks for the quick reply. Any good tutorials you'd recommend I look at?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 5 hours ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9772
Points: 3854

Tough question

I'm going to give you a link to another forum. The post's author can be a total a-hole, but he does know his stuff. The particular thread is about building a mythical site from the ground up to be semantic, accessible and device independent (responsive).

The post I'm linking goes through the steps, but do read the whole thread, as it is a hoot.

Progressive enhancement -- design from the inside out.

I think you'll learn a lot, especially that progressive-enhancement / graceful-degradation, accessibility and responsiveness are easy if you begin correctly.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.