background preloader

Mobile

Facebook Twitter

Touch Gesture Reference Guide. The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces.

Touch Gesture Reference Guide

The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gestures to support major user actions 3) visual representations of each gesture to use in design documentation and deliverables 4) an outline of how popular software platforms support core touch gestures (below). Download Touch Gesture Reference GuideTouch Gesture Cards For wireframes and mock-ups:Visuals only (PDF)Visuals only (EPS)Visuals only (OmniGraffle Stencil)Visuals only (Visio Stencils)How to Guide (Visio) Lab.goetter.fr. Le principe est celui-ci : pas de JavaScript Le logo est une image de contenu, donc véhiculé à l’aide de <img>, d’un attribut alt, d’une largeur (300px) et d’une hauteur (82px) L’image est transparente (un gif transparent est généré en DATA URI pour éviter une requête inutile) Sur écran de moins de 640px, une image de fond de largeur 300px occupe l’espace Sur écran de plus de 640px, une image de fond de largeur 600px occupe l’espace Un hack permet de faire fonctionner cette astuce sur IE6-IE8 Voir la démonstration.

Mobitest.me mobile device screen informations. Mobile Boilerplate: A best practice baseline for your mobile web app. Helping People Make Mobile Web Experiences.