Responsive Web Design 101

Responsive Web Design (RWD) is a design approach to render your web sites to easily to different devices size like mobile phones and tablets. My preferred RWD is jQuery mobile framework. It is simple to setup and allows you to create RWD quickly. Have you test drive RWD before?

Choosing RWD

There are a few RWD format. The most popular frameworks are jQuery and Bootstrap. My personal preference is jQuery mobile because I can set it up easily and it is easy to configure for different UI (User Interface). Do take some time to review and test with different type of framework. I recommend that you use the popular framework because there will be more sample codes and active community. It is best to set some use cases and selection criteria for your testing.

Skillset Required

The skillset required for RWD are JavaScript and CSS. You will also need to be familiar with different devices and its characteristics. A lot of patience is required to tweak for different screen sizes. If you are getting a designer, this is where you must translate design to CSS style sheet. Do separate your design from application layer as design is prone to changes.

RWD is a basic norm for web sites design framework across different devices. This reduce your efforts to code differently for laptop and mobile. In addition, RWD framework is easier to setup and deploy. There is no reason not to utilise RWD for your website.

One thought on “Responsive Web Design 101

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s