Miami Web Developer Demos Mobile-Friendly Device-Aware Responsive Web Design

New manufacturer website shows why major players like Google, eBay, Yahoo, Facebook, Twitter and Netflix use device-aware server-side device detection rather than device-agnostic client-side media queries to deliver RWD.
By: Web3.0DesignMiami.com
 
 
Responsive Web Design: Mobile-Friendly, Device-Aware
Responsive Web Design: Mobile-Friendly, Device-Aware
Oct. 16, 2012 - PRLog -- According to Miami web developer Bruce Arnold, "Responsive Web Design" is not achieved by ignoring web client device capabilities but by detecting them and tailoring your presentation accordingly [bit.ly/S1uWwb].  He cites the recently launched HTML5/CSS3/jQuery website PetersonIndustries.com as a prime example of how "RWD" should perform [bit.ly/QBm10j].

"Peterson Industries asked for a simple website to showcase the shower and closet doors they manufacture and share their product specifications with the architects, contractors and distributors who comprise their market." Arnold explained.  "The device-aware responsive web design we developed filled that bill by making those specs easily accessible via desktop, notebook, tablet or mobile browser."

PetersonIndustries.com was designed by WebReDesignMiami.com, developed by Web3.0DesignMiami.com and optimized by PervasivePersuasion.com to provide high visibility coupled with broad accessibility and assure what Wikipedia calls an "optimal viewing experience - easy reading and navigation with a minimum of resizing, panning, and scrolling - across a wide range of devices (from desktop computer monitors to mobile phones)."  Every semantically rich and search friendly web page consists of custom handcoded PHP-scripted HTML5 and CSS3 that is validated W3C standards compliant, I18n issue-free and passes seven tests of Semantic Web (Web 3.0) Readiness.  This assures not only maximum visibility in search engines but almost universal accessibility across a broad range of PC, Mac, desktop, laptop, notebook, tablet and smartphone browsers - including FireFox, Chrome, Safari, Internet Explorer and Opera.  

An integrated and highly accurate device description repository (DDR) - which unlike CSS media queries places no extra load on mobile phone CPUs - is used to detect devices and tailor the presentation of a common content base for the specific dimensions and capabilities of standard web browsers as well as Android, Apple iOS and other smartphone user agents like Opera Mobile.  For not-so-smart phones - or roughly 75% of the Mobile Web marketplace - the website sports a W3C mobileOK MiniPage accessible directly via "m.petersonindustries.com" using microbrowsers like Openwave or Obigo.

"Responsiveness like that is not possible relying solely on device-agnostic RWD [bit.ly/Wi8TEH] tools such as media queries, fluid grids and flexible images," Bruce Arnold advises.  "There are a lot more issues to consider and address than all those iframe-based responsive web design checkers check [bit.ly/ReW63d] and testers test [bit.ly/S1uhLb].  That's why Twitter abandoned their client-side device-agnostic initiative in favor of a server-side device-aware RWD approach [bit.ly/UMkb1L].  As we said before... iFrames are not iPhones [conta.cc/TYRYq6]."

)(

About Web3.0DesignMiami.com | WebReDesignMiami.com | PervasivePersuasion.com

Miami web designer and Mobile Web (#MobileWeb) developer Bruce Arnold's http://WebReDesignMiami.com (305-597-8340) and http://Web3.0DesignMiami.com (786-838-0851) form a responsive web design (#ResponsiveWebDesign|#RWD) and Semantic Web development boutique that defines success on the Web as high visibility plus broad accessibility.  Their device-aware HTML5/CSS3 websites are custom handcoded PHP/MySQL with unobtrusive Javascript and jQuery, and pass seven tests of Web 3.0 Readiness as to content, format, behavior, accessibility, semantics, syndication and links.  Maximum online marketing ROI is assured by a http://PervasivePersuasion.com (786-326-8079) methodology that encompasses both search and social media marketing.  Para ayuda en espanglish llame al 305-517-3851.
End
Source:Web3.0DesignMiami.com
Email:***@webredesignmiami.com Email Verified
Zip:33010
Tags:Responsive Web Design
Industry:Business
Location:Miami - Florida - United States
Account Email Address Verified     Account Phone Number Verified     Disclaimer     Report Abuse
Trending
Most Viewed
Daily News



Like PRLog?
9K2K1K
Click to Share