All posts in Mobile

[Freebies] Mobile Touch Areas

Mobile Touch Areas freebies

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 the touch areas, they are two extra templates for portrait and landscape mode. …Continue reading

Talking about Responsive Web Design at Sainté Mobile Days

Talking about Responsive Web Design at Sainté Mobile Days

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 iceberg and there is a whole more to do if we want to …Continue reading

MobX 2013 and slides for my conference

MobX 2013 and slides for my conference

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 it’s easy and we got it all sorted figured out. Flexible grids, fluid …Continue reading

2 tricks to test responsive webdesign in Chrome without a plugin

2 tricks to test responsive webdesign in Chrome without a plugin

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 ruler on the top and left side of the browser. With this ruler, …Continue reading

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

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