1485 sujets

Web Mobile et responsive web design

Bonjour,

Est-ce que cela se fait un design responsive pour iPad et iPhone uniquement, plus exactement pour tablette et smartphone uniquement?

Pour les desktops, il y a déjà le site actuel qui doit rester comme tel, non responsive!
Modérateur
Bonjour, le responsive design est un ensemble de technique qui ont pour but de permettre de rendre correctement un site quels que soient les appareils/tailles utilisées. À partir du moment ont on a un site censé être pour certains appareils et un site différent pour d'autres, ce n'est plus du responsive.

Cependant les techniques utilisées peuvent l'être tout autant pour un site dédié aux mobiles, c'est généralement ce qui se pratique (design fluide, media-queries, etc.).
Mais bon, ce que je cherche est bien du "responsive". Je trouve la philosophie responsive difficile car c'est pas facile de réfléchir à un affichage à la fois pour 3 ou 4 supports: desktop-tablette-smartphone nouvelle génération-smartphone ancienne génération. Au moins, moi je n'ai qu'à penser à un design pour tablette et smartphone nouvelle génération dans ce que j'ai à réaliser.
Bonjour,

"Je trouve la philosophie responsive difficile car c'est pas facile de réfléchir à un affichage à la fois pour 3 ou 4 supports: desktop-tablette-smartphone nouvelle génération-smartphone ancienne génération"

Le responsive est par définition une méthode qui uniformise le rendu (ou en tout cas tend à) sous tous les supports, tous les modèles confondus. Dès lors qu'un site responsive est bien conçu, que ce soit nativement en CSS par des gabarits définis en % et si besoin des media queries en surcouche, ou que ce soit par le biais de frameworks CSS comme Bootstrap, dans tous les cas un seul développement conduit à un rendu responsive partout (tablettes, smartphones,TV, ordis, etc).

Dès lors que tu as appris les techniques, tu auras à corriger simplement quelques bog et spécificités propres à certains modèles, mais si ton CSS est logique et bien développé, le rendu sera à peu près identique quelque soit l'appareil utilisé, donc :

"Est-ce que cela se fait un design responsive pour iPad et iPhone uniquement, plus exactement pour tablette et smartphone uniquement?"

La question n'a aucun sens ici, dès lors que ton site est responsive, il l'est partout. Avant de vouloir faire un site responsive, renseigne-toi sur l'implémentation de cette technique, je te renvoie sur Bootstrap, qui est couramment utilisé dans des projets professionnels et qui facilitent grandement l'implémentation responsive, notamment sur des projets déjà développés, ce qui peut être très problématique pour l'implémentation en post-dev lorsque l'on développe du responsive nativement.
Modifié par ohweb (06 Jan 2014 - 14:14)
C'est vrai que je n'ai pas encore approfondi mes recherches sur cette technique mais le design responsive commence par la conception du design desktop non? Ensuite s'il est bien conçu, cela s'adaptera à tous les écrans plus petits, de l'ipad aux smartphones??
Question!

Est-ce qu'il y a d'autres moyens par exemple avec JQuery Mobile de ne pas utiliser la technique "responsive" mais avoir un css différent pour chaque taille d'écran => iPad, iPad mini, smartphones?

Puisque le design que je veux faire n'est pas du tout destiné au desktop!