In developing sites for the web, two methodologies allow developers to build the best possible site while balancing the issues of developing for multiple unknown browser and devices. Both have their uses and purpose depending on the development strategy and process employed.
The web developer plays an essential role in the process of building and refining a mobile-friendly website. Choosing the right responsive framework and staying up-to-date on evolving web standards can make the process of going mobile easier and more effective. By working with designers and communicators, developers can build a usable and accessible “mobile first” website that scales to fit any screen size.
In the responsive design world, media queries are the magic behind how web pages are rendered based on the media device and screen resolution. The history behind media queries began when media types were introduced in CSS 2.1 through the media type attribute. Media types are designed to specify how a web page renders for various media output devices such as screen, print or even braille.
The Texas A&M Mobile Web Framework (MWF) is based on UCLA’s Mobile Web Framework.
MWF provides an easy way to build mobile-optimized web applications. MWF is a standards-based, lightweight framework that supports all mobile devices containing a mobile web browser. It provides a robust presentation layer that allows applications to define a single set of markup that degrades gracefully based on the capabilities of the user’s mobile device. MWF supports iPhone, Android, Blackberry, Windows Mobile, tablets and even T9 phones. (Source: UCSD Mobile Web Framework)