4 Resources to Get Started with Responsive Web Design

icon icon icon icon

Alfred talked about Responsive web design in an earlier article and since then we’ve been having lots of fun with Responsive web designs on our projects. Today we thought it might be useful to share some of the resources that we used to get us started on our responsive design journey.

Framework – BootStrap from Twitter

There are a number of frameworks to choose from when getting started, but we really liked Bootstrap from Twitter. It has everything you’ll need to get going, including a responsive grid system, Jquery and all the useful plugins you’ll need to deliver cross platform goodness.

Tutorial – Responsive Web Design Demystified

fluid-narrow
This in-depth tutorial builds a responsive template and discusses the key design considerations when moving from a non-responsive layout to a cross-platform friendly layout.

Video –  Responsive Web Design: A Visual Guide

 


If you’re more of a visual person and would rather check out a video tutorial then NetTuts has got just the thing for you. This 30 min video tutorial covers Media Queries and some great examples.

 

Testing – Screenfly & ResponsivePX

screenfly
ScreenFly and ResponsivePX are simple but effective tools to easily test your responsive web designs in different viewports. I particularly like the wide range of preset screen sizes available in Screenfly.

Once you’ve worked thru the above resources, you should be able to quickly reuse your current code base to get your web site working charmingly well on mobiles and the iPad.

We specialise in responsive website design and development in Singapore. Call us if you want to modernise your website design.

Posts by topics

Related Content

PREVIEW

AI marketing tools are becoming more and more popular. These days, AI which stands for artificial intelligence, is not just a few computer programs written by humans. With so many AI tools available today, Marketers can now use AI to scale up their ...

Read more
PREVIEW

What should you look out for when appointing a B2B agency? Read on to get our thoughts from over a decade of experience working with Enterprise B2B Marketers.

Read more
PREVIEW

DMPs and CDPs are the new marketing buzzwords. But what do they mean? DMPs and CDPs are both tools that marketers use to better understand their customers, but there are important differences to understand before deciding which will work best for ...

Read more
PREVIEW

2021 has been a tough year for most businesses and here at Construct, we've worked hard to deliver consistently good work for all our clients. So winning 1 Gold and 2 Silvers at the Marketing Excellence Awards 2021 is a fantastic achievement that we ...

Read more