jeudi 26 juillet 2012

Design : Responsive Design


Responsive Design


1080p, 720p,  Retina, “Widescreen”, IPS, OLED, 16:9, 4:3 à tout moment de la journée le monde virtuel nous est projeté. Avec chacune des différentes résolutions et leurs caractéristiques il est difficile de s’y retrouver.  De notre côté, on doit composer avec ces éléments afin d’uniformiser l’expérience usager  sur chacune de ces  plateformes.  Depuis longtemps, nous l’appliquons quelque fois sans trop s’y arrêter.  Ce concept très tendance à maintenant un nom.

Voici le “Responsive Design” A.K.A. : « Flexible Design » ou « Elastic Layout ».  Cette approche suggère que l’élaboration d’une application prend en considération la dimension, l’orientation et la résolution de l’écran.  À l’aide de CSS, HTML, Javascript il est possible d’y arriver. Pour améliorer la flexibilité de la disposition des éléments, le contenu doit répondre de l’affichage disponible.  Il peut s’agir simplement d’ajuster la taille des colonnes ou des images, changer la disposition des sections,  modifier légèrement la navigation.  Les solutions sont nombreuses, il s’agit d’y mettre un brin de d’ingéniosité.

Le fureteur Firefox permet de tester l’intégration de notre design :
Plusieurs outils et sites sont à notre disposition pour permettre de tester nos élans de créativités. Une simple recherche prouvera que le dynamisme des sites est vraiment de mise dans la conception des futures applications.

Les statistiques le prouvent et bientôt, l’accès au Net sera fait en grande majorité par de petits appareils nomades.  Avec le nombre grandissant d’unités mobiles, le web n’a pas d’autre choix que de s’adapter aux utilisateurs.  Récemment, « Twitter » à fait une refonte de son site mobile qui fut testée sur plus de 300 appareils. La ville de Montréal va proposer une solution d’accès à même sa flotte de vélo BiXi, les Wi-Xi (voir l’article de Direction Informatique).  Tim Horton on annoncé l’installation de réseau Wifi dans leur établissement (article), et se joint ainsi à McDo, SecondCup et Starbuck.  L’accessibilité au net est un enjeu économique de premier ordre pour les entreprises et les consommateurs.

Voici un article très intéressant, que je vous recommande, pour compléter votre lecture :

vendredi 13 juillet 2012

Apps: WindowPad


Disponible gratuitement.

Ce petit utilitaire qui se charge dans la barre de tâche de Windows () est destiné à améliorer la gestion de vos fenêtres applicatives sur un ou plusieurs moniteurs.  Il active des raccourcis clavier personnalisables qui permettent de  réorganiser complètement la dimension et l’emplacement des fenêtres.  Les fonctions préprogrammées utilisent  la touche « Windows » suivi d’une touche du pavé numérique (NumPad).


Pour obtenir le résultat ci-dessus,  lorsque la fenêtre de votre choix est active, appuyer sur les touches :
-         « Windows+8 » pour positionner mon PDF dans la partie supérieure de mon écran
-         « Windows+1 » pour déplacer et redimensionner Word en bas à gauche
-         « Windows+3 » sur mon fureteur pour que son emplacement soit maintenant en bas à droite.

À noter, l’emplacement des touches du clavier numérique correspond à l’affichage résultante obtenu à l’écran. « Windows+Enter » change la fenêtre de moniteur dans le cas ou notre environnement de travail le permet. Il est aussi possible de maximiser et minimiser l’affichage d’une application.

Note : Windows 8 aura des fonctionnalités similaires.