This tutorial, sample code and infographic gives any web designer with a working knowledge of CSS and HTML the ability to create fully responsive CSS image galleries that scale up and down on PCs, tablets and mobiles. The galleries have been tested on IE8, IE9, Firefox, Safari, Opera, Apple iPad and Nokia mobile.
A single line of script inserted into the header overcomes the problems associated with hover images on touch devices (namely that of being unable to make the enlarged image disappear by clicking elsewhere on the screen). This same line of code also overcomes the problem of the mobile/tablet menus not disappearing when a different part of the screen is touched.
As many people leave a website that takes more than 3 seconds to load and, as mobile websites can take 2 seconds to establish a radio connection, this only leaves 1 second before you lose an estimated 40% of users. Thus speed for mobile users is all important.
This article gives tips for reducing loading time.
Websites now have to be suitable for a plethora of different screen sizes, being used in very varied situations. This post is a compilation of resources we found useful when developing and designing responsive websites.
Business Insider Australia The Rise Of Responsive Design As A Mobile Strategy — Pros And Cons Business Insider Australia Responsive design, a technology that stretches or shrinks Web pages to fit differently sized screens, has emerged as the...
Conventional web design can sometimes give you a slightly better finish than responsive web design; it's obviously also cheaper. For some companies with a young mobile-using audience - eg taxi companies or driving instructions - the responsive website design gives obvious benefits.
Progressive enhancement has become a bit of a hot topic recently, most recently with Tom Dale conclusively showing it to be a futile act, but only by misrepresenting what progressive enhancement is and what its benefits are.
Is responsive web design the ultimate solution for addressing the increasing number of ways people are accessing the Web?
Interesting article - it states that RWD is current but may not be best for the future. Having made some websites responsive this year, I have to admit that it's a lot of work for some fairly minimal returns.
But as Google recommends responsive websites, that's one important factor surely.
5 Pillars of Successful Mobile Design Mashable One of the biggest challenges in mobile design is "unshackling yourself from 20+ years of desktop computing and the web." Both create a lot of unconscious baggage, says Wroblewski.
1.1. The Draft BBC Mobile Accessibility Standards and Guidelines (Mobile S&G) are a set of technology agnostic best practices for mobile web content, hybrid and native applications.
1.2. Each standard is listed with example code for implementing in HTML, Android, and iOS and steps for testing.
1.3. The Mobile S&G are intended for use by anyone involved with the design or development of mobile web and mobile web applications including, but not limited to, developers, designers, editors, user experience specialists, information architects, and testers.
1.4. The guidelines are in draft and as such subject to change. If you have any comments or feedback we’d love to hear from you.