The Responsinator. PhoneGap | Home. Web mobile : introduction et glossaire. Le Web mobile a depuis longtemps envahi notre quotidien de concepteur de sites web : aujourd'hui, smartphones et tablettes font partie intégrante du parc de périphériques sur lesquels nous jouissons de notre dose quotidienne d'Internet, sur lesquels nous consultons nos sites web préférés, et pestons - à juste titre - lorsque celui-ci ne s'affiche pas correctement.
Afin de mieux dégrossir ce vaste sujet, voici une introduction à la conception web mobile sous forme d'un glossaire des principaux termes et d'une double méthodologie pratique. Glossaire Application native Correspond aux logiciels à télécharger que l'on peut trouver sur les boutiques "stores" (AppStore pour Apple, GooglePlay pour Android,…) développés dans un langage spécifique à chaque plateforme : Objective-C pour Apple, Java pour Android, … Application web (Web App) Une application web est le nom que l'on donne à un site web "classique" que l'on a adapté pour les mobiles. Site web dédié Navigateurs mobiles Densité de pixels Retina.
Introduction à la performance pour le Web mobile. Préambule : le “Web mobile” n’existe pas. Il n’y a qu’un seul Web et il ne change pas de visage selon votre périphérique de connexion. Le terme de “Web mobile” demeure cependant relativement parlant pour évoquer “le Web en situation de mobilité”, c’est pourquoi je me permets de l’employer au cours de cet article. Notre génération a jusque là été habituée à une évolution du Web prévisible et contrôlable : des écrans de bureau de plus en plus larges et des types de réseaux et connexions internet de plus en plus rapides. La démocratisation des périphériques mobiles (smartphones, tablettes et consorts) introduit de nouvelles contraintes et un inversement brutal de la tendance : les écrans deviennent subitement minuscules, et la connectivité en pâtit aussi : au mieux, votre mobile bénéficiera d’un réseau Wi-Fi, au pire… de rien du tout.
En passant par les stades 3G et Edge / UTMS. La notion de performance web Répartition des temps de traitement navigateur entre front et back Quelques généralités. » Responsive IMGs — Part 1 Cloud Four Blog. In my post “Where are the Mobile First Responsive Web Designs”, I noted that one of the first things I look for when trying to determine whether or not a responsive web design is “mobile first” is whether or not it has a strategy for handling the IMG tag. A recent Smashing Magazine round up of responsive web design techniques included several new approaches for handling IMG tags which makes it the perfect time to dig into this problem and the potential solutions in more depth.
Why IMG Tags Suck for Responsive Web Design If you want your site to load as quickly as possible, you do not want to deliver larger files than are needed. Many responsive web design sites provide mobile devices images at sizes appropriate for desktop and ask the mobile device to resize the image. In my research, I found nearly 80% decrease in file size by delivering images at the actual size they were going to be used on a mobile device. So what’s the problem with the IMG element in responsive designs?