Bienvenue sur le blogue d'Atypic

Voir la liste des billets >

Portrait de Nardjes Rouighi

Le « responsive Web design », c’est quoi au juste?

Dans le Web, une tendance n’attend pas l’autre. Après l’envie d’avoir une campagne virale et de faire le buzz, c’est de plus en plus le responsive Web design qui est sur toutes les lèvres.

Mais de quoi parle-t-on exactement?

Définition

Avec le développement des téléphones intelligents et la popularité grandissante des tablettes, il devenait de plus en plus nécessaire d’avoir des sites Internet capables de s’adapter à ces différentes plateformes de navigation.

Le responsive design regroupe justement les techniques et procédés de conception de contenus Internet qui permettent d’avoir des versions adaptées à l’interface de consultation utilisée par l’internaute.

Par exemple, l’affichage d’une page Web ou d’une image peut s’ajuster en fonction de la taille d’écran du terminal utilisé (ordinateur, tablette, téléphone intelligent, etc).

Un bon responsive design gère automatiquement l’organisation du contenu. De ce fait, si celui-ci est affiché sur quatre colonnes pour un écran d’ordinateur, il peut passer à une présentation sur deux colonnes sur l’écran d’un téléphone tenu verticalement.

De plus, le responsive design peut influencer directement le contenu en fonction de la plateforme. Par exemple, une organisation peut décider d’afficher ses dernières nouvelles en page d’accueil sur ordinateur et afficher ses coordonnées et une carte Google pour faciliter l’accès aux utilisateurs sur mobile qui sont en train de chercher son adresse physique.

Le responsive design permettrait donc de s’adapter à l’environnement technique de consultation sans pour autant multiplier les versions d’un même contenu. Il repose généralement sur les feuilles de styles (CSS) et les dernières techniques et standards de programmation Web (HTML 5)1.

Quelques avantages

- Plus besoin de créer des versions multiples d’un même site Internet puisque l’adaptation se fera automatiquement

- Plus besoin non plus de préparer un contenu différent et résumé de votre site Internet, donc moins de travail de rédaction

- Une expérience usager plus conviviale

Quelques inconvénients

- Plus de temps de design et de développement

- Un temps de chargement plus élevé sur les mobiles

- Un impact encore méconnu sur le référencement

Je pense toutefois que le responsive design est une pratique très pertinente voire essentielle pour les plateformes Web d’aujourd’hui qui ne sont plus consultées uniquement sur ordinateur. À explorer!

Si vous avez des questions, contactez-nous pour en savoir plus!

 

 

Commentaires

I would believe a 9x9 will be too little for your outboard, and reason over-revving, which you don't wish, particularly on big outboards, as they have no rev limiter. <a href="http://www.websberry.com/outsource-website-development">best outsource web development</a>

I would believe a 9x9 will be too little for your outboard, and reason over-revving, which you don't wish, particularly on big outboards, as they have no rev limiter. http://www.websberry.com/outsource-website-development

RWD (Responsive Web design) can smear to a whole residence or a single page. It is a procedure of scheming so your page determination appearance and texture properly irrespective of the expedient.
http://www.iqtechnologies.com/

RWD (Responsive web design) is all about automatically scale proportionally to any screen size or resolution without a loss contents and other stuffs of the website for more info visit http://www.softite.com/responsive-web-development.php

Interesting blog! Responsive design it's real cool. But "Mobile First" are dead.
I create responsive site http://essaywriting.ninja/

Check out all the awesome features of iOS 11 here http://www.ios11guide.com/ios-11-features/

and Smart feeling. 18K http://www.replicaonlines.me.uk replica watch red gold bezel set with 66 diamonds, Ambilight, with http://www.mmwatches.co.uk/concord-c-127 Concord Uk Sale black crocodile leather strap, in color and moon phase of the dark echo, visual aesthetics play just right. The other is equipped with http://www.replicawatches0.co.uk replica watch superior quality

Ajouter un commentaire

Plain text

  • Aucune balise HTML autorisée.
  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
  • Les lignes et les paragraphes vont à la ligne automatiquement.
Actualiser Saisissez les caractères contenus dans l'image ci-dessus. Type the characters you see in the picture; if you can't read them, submit the form and a new image will be generated. Not case sensitive.  Switch to audio verification.