Responsive

[Résolu/Fermé]
Signaler
-
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
-
Bonjour,


Je voudrais savoir:
Quand on crée un site web on le fait pour ordinateur (bureau/portable) en premier et après responsive ou les deux à la fois?

Merci beaucoup

5 réponses

Messages postés
515
Date d'inscription
dimanche 20 janvier 2008
Statut
Membre
Dernière intervention
9 mai 2021
41
c'est dans le CSS
Merci beaucoup pour ta réponse, mais elle ne répond pas à ma question.
Je sais bien que c'est bien dans le CSS que l'on gère les modes d'affichage pour les différents dispositifs.

Est-ce que nous devons finir en premier le site pour les écrans standard et après coder pour les différentes résolutions d'écrans?

ou

Il faut coder pour les standard et résponsive au même instant?

En vous remerciant d'avance
Messages postés
1811
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
263
Bonjour,

D'abord pour les ecrans desktop (standard) et ensuite pour les ecrans "mobiles" .
Ce n'est pas vraiment une règle absolue puisqu'une structure responsive doit etre pensée en amont pour etre adaptable aux différent support.
Le principe est surtout d'élaborer une base qui sera modulable en fonction des écrans, dans la disposition de ses blocs comme dans l'attribution des class (ou id) CSS.

C'est un tout ! on ne fait pas du responsive avec n'importe quelle base HTML.
Messages postés
2439
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
29 juillet 2021
454
Salut,

L'approche "mobile first" conseille de commencer par la version mobile et tablette puis desktop. Cette approche apportes de nombreux avantages, autant au niveau technique et que fonctionnel.

Tu trouveras plus d'infos ici :
Du point de vue fonctionnel (Enrichissement progressif vs dégradation gracieuse) : http://www.converteo.com/blog/evenements_conference_livre_blanc/l%E2%80%99approche-%C2%AB-mobile-first-%C2%BB-dans-une-strategie-responsive-design/
Du point de vue technique (optimisation des performances) : http://wdfriday.com/wdfriday.com/blog/2012/03/css-et-mobile-first-proceder-par-amelioration-progressive/

Bonne journée
Messages postés
23161
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
24 juillet 2021
2 246
lut:)
mieux vaut tout préparer depuis le début, ce sera moins compliqué ensuite, et pour tester : https://www.google.fr/#q=tester+site+responsive+web+&safe=off ou http://mattkersley.com/responsive/
:)
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
664
bonjour pour tester tu peux aussi avoir firefox + l'extension webdeveloper qui permet de tester en local (fenetre / modèles adaptatifs)