The MOBILUS Solution

RESPONSIVE WEB DESIGN

When designing a website it’s important to consider how your site will appear on smaller screen sizes – such as smartphones & tablets.

Currently, there are over 1.2 billion mobile Web users – worldwide.In North America, 25% of mobile Web users are “mobile-only” (i.e. they do not, or very rarely use a desktop, laptop to access the Web). As such, websites that are only formatted for desktop and notebook computers are missing out on an opportunity to connect with a large and growing audience.

Responsive Web Design deals with how your site is experienced on all screen sizes, and especially important is the most readily accessible screen of all … the smartphone.

Regular websites are “too crammed” to be useful on small screens.

When viewed on the small screen size of a mobile device (iPhone, Android, Blackberry), regular web pages are difficult to navigate and require frequent zooming and panning by the

Mobile-ready sites are simple to navigate and have easy to view content.

Mobile-friendly web pages are easy to read and simple to navigate. Users can quickly access the content they want - without having to wade through the bloat of a

Have you ever surfed the web on a Blackberry, iPhone or Android device? If so, then you know just how frustrating it can be to strain your eyes in order to view small text and images, or to continually have to zoom in and out to find the information you’re looking for. Most websites are not designed to look good on the smaller screen sizes of mobile devices.


I want ONE WEBSITE that – simply – does it ALL!

There is a SMART APPROACH to building websites that look amazing on smartphones, tablets, computers and other devices – WITHOUT having to create multiple versions of your site!

It’s called,

RESPONSIVE WEB DESIGN,

and it involves detecting the user’s screen size and delivering the proper content layout for each device.

An example of

In Responsive Web Design, the popular screen dimensions (there are between 3 and 5 different “canvases”) are carefully considered when determining how your site content will FLOW to fill the available screen-space of each target device and orientation (portrait or landscape).

A fully Responsive Web Site shown on a variety of screen sizes (iPhone, iPad and Laptop). The content shifts and transforms itself to fit the available screen width of the device.

Designing For Many Canvas Sizes

The major screen sizes can be represented by the following devices (in pixels wide): the iPhone in portrait (320) and landscape (480) orientations, the iPad in portrait (768) and landscape (1024) orientations, and the typical computer monitor or laptop screen (1280).

Unlike a painter’s single canvas – the Web developer has many canvases and must create a flexible (a.k.a. responsive) design that allows your content to flow and re-configure itself for the various devices – all the while, keeping the integrity of your content and the purpose of your site intact.

A “Responsive Web Professional”

— using with the latest HTML5, CSS & Javascript programming techniques, can build a SINGLE SITE that Looks Great On Any Device!


Now that you understand the importance of having a Responsive Web Site, let’s learn about how easy it is to manage your site using WordPress…

Learn About WordPress >Find out why MOBILUS uses WordPress® as the BEST SYSTEM for managing your Responsive Web Site…




Fresh from the Blog!

At MOBILUS, we've got our finger on the pulse of Responsive Web Design for the mobile Web.

For a geeky peak into the things that keep us up at night - join in on the nitty-gritty details of building sites that look great on itty-bitty screens.

The Future of Mobile

Yesterday, Business Insider hosted the IGNITION WEST: Future of Mobile conference in San Francisco. To kick off the conference, their BI Intelligence team—Pascal-Emmanuel Gobry,...

Awesome tutorials to master responsive web design

In a few month, responsive web design has become a very important part of designing and developping a website. Due to the rise of...

Responsive Web Design Techniques, Tools and Design Strategies

Responsive design continues to get a lot of attention, but considering how different it is from the “traditional” way of designing websites, it can...



  Recent MOBILUS Tweets

Try resizing the window and Agility will respond!