Son site web dans la poche s’est possible maintenant…

Je vous souhaite à cette occasion mes voeux les plus sincères pour cette nouvelle année 2012 : qu’elle vous porte chance, bonheur et soit source d’inspiration dans tous vos projets.

Mon portfolio a été entièrement revu (identité, contenus et techno) …Cette version du site dite « Responsive » permet une compatibilité exceptionnelle avec tous les supports (Web, tablette, mobile)…

Au fait c’est quoi le « RESPONSIVE WEBDESIGN » ?

Actuellement, presque chaque nouveau client veut une version mobile de son site web. C’est pratiquement indispensable : une version pour le BlackBerry, un autre pour l’IPhone, l’IPad, le Netbook, le Kindle – et toutes les résolutions d’écran doivent être compatibles évidemment. Au cours des cinq prochaines années, nous allons probablement avoir un certain nombre d’inventions supplémentaires. Quand cette folie s’arrêtera ? Jamais bien sûr.

Dans le domaine du design et développement web, nous sommes rapidement arrivés au point d’être incapables de suivre les nouveaux dispositifs et supports. Pour de nombreux sites Web, créer une version du site pour chaque résolution et chaque support devient impossible, ou du moins peu pratique.

Devrions-nous simplement subir les conséquences et perdre des visiteurs d’un appareil/support au bénéfice d’un autre? Ou existe-t-il une autre option ?

Le « Responsive Webdesign » est l’approche qui suggère que la conception et le développement doivent répondre aux comportements de l’utilisateur et de l’environnement basés sur la taille d’écran, la plate-forme et l’orientation. La pratique consiste en un mélange de grilles flexibles (Grids) et mises en page (Layouts), des images et une utilisation intelligente des requêtes de « CSS Medias Query ».

Quand l’utilisateur passe de son ordinateur portable à son IPad, le site devrait automatiquement s’adapter tant au niveau de la taille d’image et de la résolution que de ses possibilités de « scripting ». En d’autres termes, le site devrait avoir la technologie pour répondre automatiquement aux préférences de l’utilisateur. Cela permettrait d’éliminer la nécessité d’une conception différente et la phase de développement pour chaque nouveau gadget du marché.

• Traduction de l’excellent article sur Smashing Magazine. La suite (en anglais)…
• Projet personel  en technologie « Responsive » (en cours d’intégration) : mmdev

Le test…en images

Tags | Responsive, Wedesign