As you may know, the form element visual render is controlled by both the OS and the browser. With the arrival of all the new mobile and tablet browser and OSs, we get more and more different render for form elements. The idea of this little project is to test and gather many screenshots of how the different form elements, HTML5 and “old” classic ones will look across different mobile and tablet OS and browsers. Then we want to create in … Continue reading
What Users Want from Mobile – a case study about user expectations on mobile
I saw a lot on blog magazines and conferences some statistics about user expectations on mobile. But I always wondered where those figures came from. I was finally able to find the study behind the figures. It’s a study made in 2011 by “Equation Research”. The results where published in a .PDF under the name What Users Want from Mobile Some figures you might want to remember: About 60% of users expect your website on mobile to load in less … Continue reading
Some very usefull Responsive Webdesign Tools
Responsive Webdesign is not a buzzwork but a technique that is here to stay. I put together some tools, articles, scripts and goodness that will help webdesigner, developers and front-developers to create website that will adapt to the user viewport. You can find those in my article on Onextrapixel : Really Useful Resources and Tools for Responsive Web Design
On Noupe : The Mobile Web: CSS Image Replacement for Retina Display Devices
With the evolution of technologie, more and more devices get the retina display capability. For those devices, serving normal images results in an ugly interface, with pixelized graphics. There are some solution to serve those devices high quality images using the min-device-pixel-ratio CSS3 media query, combines with some background-size. Here is a demo page to see what can be done, and your can also download the code. I created a tutorial to explain the technique : The Mobile Web: CSS Image Replacement for … Continue reading
On Onextrapixel: Responsive Web Design: Layouts and Media Queries
More and more Smartphones and Tablets are produced every day so adapting content for such devices becomes more and more a necessity. In my last article on Onextrapixel, I showcase three layouts that can be used to adapt content for mobile : fluid, adaptive and responsive layout, but also give some nice media-queries tips and tricks. You can see the article here : Responsive Web Design: Layouts and Media Queries