All posts in Mobile & Responsive

[Freebies] Mobile Touch Areas

Mobile Touch Areas freebies

This content is 5 years old. Remember that the following content might be outdated.I needed some nice touch areas icons for a presentation and ma teaching at the university so I simply made them. I based the areas on different datas I collected from different articles and books: Responsive Navigation: Optimizing for Touch Across Devices by Luke Wroblewski How Do Users Really Hold Mobile Devices? Josh Clark’s chapter “Designing For Touch” for the Mobile Book by Smashing Magazine On the top of …

Continue reading

Talking about Responsive Web Design at Sainté Mobile Days

Talking about Responsive Web Design at Sainté Mobile Days

This content is 5 years old. Remember that the following content might be outdated.I was invited to give a talk at Sainté Mobile Days on the 22th and 23rd of November 2013. The talk will be in English and is called “Responsive Web Design: beyond flexible grids and fluid images” and here is the abstract : For most people, the term “Responsive Web Design” refers to fluid grids, flexible images and media-queries. This is actually just the tip of the …

Continue reading

MobX 2013 and slides for my conference

MobX 2013 and slides for my conference

This content is 5 years old. Remember that the following content might be outdated.I just came back from a 4 days trip to Berlin where I had the chance to speak at the MobX conference, a conference for mobile experience designer and usability. It was my second conference and again, it was in English 🙂 I spoke about Responsive Web Design: what still need to be improved today despite of all the blog article that try to make us think …

Continue reading

2 tricks to test responsive webdesign in Chrome without a plugin

2 tricks to test responsive webdesign in Chrome without a plugin

This content is 5 years old. Remember that the following content might be outdated.A lot of people know about the CTRL + SHIFT + M trick in Firefox to test responsive website, but did you know that Chrome Dev Tool offers some similar options ? This was tested in Chrome 28+. Trick 1 : Chrome Dev Tool and the ruler When you open Chrome inspector and then you resize your browser window, you know get a little horizontal and vertical …

Continue reading

Render of HTML form elements on mobile / tablet : we need you.

This content is 6 years old. Remember that the following content might be outdated.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 …

Continue reading

What Users Want from Mobile – a case study about user expectations on mobile

What Users Want from Mobile - a case study about user expectation on mobile

This content is 6 years old. Remember that the following content might be outdated.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: …

Continue reading

Some very usefull Responsive Webdesign Tools

This content is 7 years old. Remember that the following content might be outdated.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

This content is 7 years old. Remember that the following content might be outdated.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 …

Continue reading

On Onextrapixel: Responsive Web Design: Layouts and Media Queries

This content is 7 years old. Remember that the following content might be outdated.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 …

Continue reading

On Noupe : jQuery Mobile Tutorial, creating a Restaurant Picker Web App

This content is 7 years old. Remember that the following content might be outdated.I was asked by Noupe if I wanted to write for them. Meanwhile I was teaching jQueryMobile to students of the University in Strasbourg, so I decided I would use and improve the exercice I gave to my student to write a nice tutorial. The demo is a mini jQuery Mobile webapp.  The user can choose a restaurant based on the food served, the town and other …

Continue reading