The Evolution of Technology and Web Design

The evolution of technology and web design has breathed new life with the introduction of mobile devices and wireless Internet providers. Now, website designers can work from any location remotely with the use of a mobile device such as an iPad. This significantly increases productivity of a mobile workforce. Experts have explored the evolution of these instrumental technological advances to determine the effectiveness of their introduction into the mobile workplace.


Internet Providers by Zip Code Assist Mobile Web Design Evolution

Designing on mobile technology is dependent on the ability to access the mobile Internet. To assist in the process of finding wireless Internet service providers, online websites list Internet providers by zip code. Once the wireless Internet service provider is located, Web designers can work from any location. Productivity is maximized with this process.


Responsive Web Design

Responsive Web Design addresses the layout editing process using a combination of images with media queries and fluid grids. Most of this concept is based upon the device viewport’s size. Feature detection is used to identify the screen capabilities of the device to make necessary adjustments. Interactive elements of the Website may also be addressed by RWD. Since only a single URL structure is required for Responsive Web Design, there is no need for separate mobile devices such as phones, desktops or tablets.

What are the Challenges with Responsive Web Design?

Designers may be challenged by the difficulties with source order optimization. Third party widgets, media, URL structure and application design may be an issue. RWD does not provide a specific solution for images. This may also prove to be another challenge from some designers.

How Mobile First Responsive Design Compares to Responsive Web Design

Mobile First Responsive Design addresses the challenges that Responsive Web Design presented. Some of these challenges deal with media query challenges. This process involves evaluating the site on smaller mobile screens and migrating to larger screens to test the Website.

The Yiibu Team, Jason Grisby and Brad Frost are some of the key players in the industry. They each addressed the concept at different stages of development. The mobile first media queries are addressed frequently through articles and threads online.


A series of experts have written documentation addressing the challenges affecting Mobile First Responsive Design style sheet, markup and Javascript. Ethan Marcotte, for instance, shared his lessons learned on the Boston Globe redesign regarding responsive workflow. Scott Jehl highlighted the role Javascript played in the Boston Globe redesign.

Other key players, such as Stephanie Rieger, revealed a responsive design solution that was compatible with hundreds of devices in the real world. Meanwhile, Stephan Hay addressed the media query problem practically. Even with their contributions, media adaptation across mobile platforms remains to be an issue. Experts need to address issues such as videos, data tables, fonts and images. Some solutions have included numerous image responsive approaches in addition to data tables and videos.

Mobile First Responsive Design and Server Side Components

For an extension of client-side solutions, combining server side components with Mobile First Responsive Design. This approach involves rendering device-class implementations specific to the mobile device on the server side, while using one universal set of web page templates for the website. Bryan Rieger, Jason Grigsby and Lyza Gardner address this issue. Each addresses different issues regarding the adaptability of the techniques working together now and in the future.

What’s Next?

Experts are striving to find a solution that will make mobile Web design more friendly for the future. As devices change and evolve, the future of mobile Web design will also evolve. While device detection is the most commonly used solution to date, experts are not satisfied with this solution. More solutions will be presented as the evolution of technology continues.

Click Here to Leave a Comment Below 2 comments
Farooq Siddiquee - February 6, 2012

This site is really very good and creative. Its also makes things very much interesting.

Maneet Puri - February 10, 2012

Now that, screen resolutions have changed so much that going with fixed width design is not an option. Responsive website design has changed the scenario to a great extent. There are challenges in redistributing the elements to fit to various screen resolutions, however proper evaluation with respect to grids, images and media queries can deliver effective solutions.


Leave a Reply: