background preloader

Résolution, tablettes & smartphones

Résolution, tablettes & smartphones
Avec une troisième génération d’iPad, Apple a semé le trouble dans les résolutions d’écrans. En effet l’iPad 3 présente un nombre plus élevé de pixels que la majorité des PC avec une taille d’écran divisé par deux. Je propose donc un petit tableau pour essayer de faire le point sur le parc des résolutions d’écrans. Les smartphones convergent vers une taille physique de l’écran de 3,5 pouces. Cela correspond simplement à la taille d’un objet que peut saisir la main d’un adulte. La paume de la main d’un adulte faisant entre 9,4 et 11,9 cm. Les tablettes convergent aussi vers un format « livre » entre 7 et 10 pouces, avec une bordure autour de l’écran permettant de le tenir, pendant qu’on le manipule de l’autre mains. Il est probable que les prochains supports à bénéficier d’un écran « rétina » soit les ordinateurs portables avec des écrans de 11 à 15 pouces et une distance d’usage un peu supérieur à 40 cm. [MAJ] c’est le cas maintenant avec le MacbookPro Retina.

http://blocnotes.iergo.fr/breve/resolution-tablettes-smartphones/

Related:  Site responsive

Comprendre le Viewport dans le Web mobile Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de "fenêtre" réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile. Comprendre la notion de viewport est absolument indispensable dans un projet d'intégration de site web pour tablettes et smartphones, ou dans un esprit d'adaptation "Responsive Web Design". Les différentes surfaces d'un mobile Afin de mieux cerner et exploiter le concept de viewport sur terminaux nomades, il nous faut commencer par maîtriser deux notions de base : la surface réelle et la surface en "pixels CSS" des mobiles. La surface physique

Plus de 80 apps pour vos classes La tablette numérique est une source quasi inépuisable d'outils et de ressources pour l'éducation. Le magasin d'applications Google Play comporte aujourd'hui des centaines de milliers d'applications. Toutefois la sélection des apps les plus appropriées pour nos activités en classe n'est pas toujours facile, surtout si l'on recherche des applications en français. 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, …

Des applications Android pour le professeur E.P.S. - Mise à jour du 23 février 2013 - [EPS Académie de Lyon] Ceci est une première proposition d’applications utiles à l’enseignant qui veut utiliser son smartphone ou sa tablette Android pendant ses cours et plus spécifiquement à l’enseignant d’E.P.S. Mise à jour du 23/02/2013 : Instant Heart Rate Pro : Application permettant de mesurer son rythme cardiaque. Comment Apple fait tenir un écran 4 pouces dans le nouvel iPhone ... et résistance améliorée aux rayures dans une vidéo détaillée ! - iPhone 6, 6 Plus, iPad Comment Apple fait tenir un écran 4 pouces dans le nouvel iPhone ... et résistance améliorée aux rayures dans une vidéo détaillée ! Par iSt le vendredi 3 août 2012, 16:22 - Rumeurs iPhone & iPod Touch - Lien permanent Les pièces détachées du probable nouvel iPhone (iPhone 5, iPhone 6 ou autre cf cet article) n'en finissent pas de se répandre dans les rédactions. Cette fois-ci, on dépasse le stade de la photo pour avoir enfin des dimensions ainsi qu'une longue vidéo.

Définition et résolution d'une photo : pourquoi il ne faut plus utiliser le 72 dpi ? Pour commencer une petite devinette ! Connaissez-vous la résolution de votre écran ? un indice se trouve dans le titre de cet article… Commencçons par deux notions de vocabulaire importantes : La définition d’une photoLa résolution d’une photo Une feuille de styles de base pour le Web mobile Parce que faire un site web pour terminal mobile, ce n’est pas fixer sa largeur à 320 pixels ou proposer une version iPhone uniquement, je vous propose un tour d’horizon de quelques solutions offertes par CSS pour adapter une présentation existante aux mobinautes : gérer la largeur, redimensionner les éléments, passer à une seule colonne, gérer les débordements, supprimer le superflu, adapter les liens et les tailles de polices selon l'orientation. Pour vous faciliter la tâche, voici ci-dessous une feuille de style dédiée au média mobile qui condense diverses bonnes pratiques et astuces. Ces règles peuvent être externalisées dans un fichier CSS séparé, ou incluses directement au sein du document de styles global, déclarées à l’aide d'une règle media query de type @media (max-width: 640px) {...}. L’objectif de cette feuille de styles est avant tout de poser un socle de bases communes que vous pourrez adapter à vos convenances ou besoins personnels. Préambule : fixer le Viewport

8mm Vintage Camera : Une très belle application pour donner une touche vintage à ses films iPhone Par Bruno Correia Publié le 19 jan Voir dans iTunes A l’heure du diktat de la Haute Définition et de la pureté de l’image il était temps qu’une bande de révolutionnaires arrête cette course infernale vers le progrès et nous fasse revivre les joies du vintage. C’est l’éditeur Nexvio qui a rempli ce rôle ces derniers jours sur l’App Store avec son application iPhone 8mm Vintage Camera [App Store, 1,59€] qui permet d’appliquer un effet 8mm à ses enregistrements vidéos iPhone. Avant de commencer ce test je dois vous faire une confession… je n’ai pas connu les caméscopes 8mm… C’est donc avec joie que je vais découvrir les vertus esthétiques de la pellicule à l’ancienne (sans ses inconvénients !).

Envie de voir ce que donnerait un iPad Mini à coté de votre iPad 10 pouces ou des tablettes 7 pouces ? Comparaison en images En marge du nouvel iPhone désormais attendu pour Septembre, l'iPad Mini fait aussi du buzz, sans que l'on ne sache vraiment s'il s'agit d'un fantasme collectif ou d'une proche réalité qui pourrait avoir une date de sortie d'ici fin d'année ... Toujours est-il qu'il est toujours possible de rêver un peu pour ceux que cette dimension attire, et c'est ce que l'on vous propose en images, à savoir une comparaison visuelle de ce que pourrait être l'iPad Mini doté d'un écran 7,85 pouces à coté de l'iPad 10 pouces actuel : Et pour se rendre compte de la taille d'un iPad Mini avec écran 7,85 pouces comparé aux autres tablettes, notamment 7 pouces : Peut être une très bonne alternative que cet écran de presque 8 pouces non ?

Quels choix de navigation en responsive design ? Faire le bon choix dans la navigation sur un site est primordial et depuis l’arrivée du responsive design, les choses se compliquent. Il faut garder un accès à l’information sans pour autant gâcher l’expérience utilisateur. Heureusement, Brad Frost a rédigé un excellent article sur son blog à ce sujet que je retranscris ici en français. Si d’emblée, le terme de responsive design vous est étranger, je vous recommande de lire cet article paru il y a quelques temps sur le blog : Responsive design : définition, fonctionnement, ressources et tutoriels

BlueStacks : Lancer des applications Android sur PC 1. Installation de BlueStacks Avant de commencer l'installation, pour certains utilisateurs notamment Windows Vista, 7 et 8, vous devrez cliquer avec le bouton droit sur le fichier téléchargé et choisir de l'exécuter en tant qu'administrateur : Faites la même chose chaque fois que vous lancerez BlueStacks sinon il ne fonctionnera pas correctement. Au lancement de l'installation de BlueStacks, vous aurez la fenêtre ci-dessous, cliquez sur "Continue" : Décochez "Suscribe to Spotlight..." si vous ne souhaitez pas cette application.

Le Padfone2 d'Asus, un smartphone transformable en tablette Le Padfone2, un smartphone ou une tablette ? Asus est à ma connaissance le premier constructeur à proposer un combiné smartphone / tablette, le tout évoluant sous Android 4.0. Ce concept est intéressant car il vous permet d’avoir un smartphone haut de gamme (Quad core, Android 4.0.4 , 2Go Ram, 64 Go, écran 4.7″, capteur 13 mégapixels) & une tablette performante (10.1″, 1280 x 800) à un prix compétitif.(799 euros) Quand le Padfone2 se transforme en tablette. Il suffit de faire glisser le smartphone dans la « tablette station d’accueil » pour transformer immédiatement le mobile en tablette 10 pouces et avoir ainsi accès depuis la tablette à toutes les données stockées sur votre smartphone. L’écran de 10.1 pouces et la batterie de 5500 mAh vous permettront de surfer,naviguer de longues heures en tout confort

Iframe, object & embed responsive Vous venez de finir de coder votre site mais vous vous rendez compte qu'une vidéo Youtube, Vimeo, Dailymotion, présentation Slideshare garde sa largeur fixe et casse la résolution minimale de votre smartphone ou de votre tablette. Il existe une astuce toute simple en CSS qui s'applique aux iframes, object et embed. Démo Partie HTML

Related: