Responsive
Résolu/Fermé
philippe
-
22 avril 2014 à 19:56
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 24 avril 2014 à 00:00
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 24 avril 2014 à 00:00
5 réponses
jjaco
Messages postés
530
Date d'inscription
dimanche 20 janvier 2008
Statut
Membre
Dernière intervention
2 juin 2024
45
22 avril 2014 à 22:37
22 avril 2014 à 22:37
c'est dans le CSS
inspiring
Messages postés
1813
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
265
23 avril 2014 à 13:52
23 avril 2014 à 13:52
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.
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.
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
23 avril 2014 à 14:24
23 avril 2014 à 14:24
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
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
bg62
Messages postés
23664
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
17 décembre 2024
2 392
23 avril 2014 à 19:08
23 avril 2014 à 19:08
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/
:)
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/
:)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
24 avril 2014 à 00:00
24 avril 2014 à 00:00
bonjour pour tester tu peux aussi avoir firefox + l'extension webdeveloper qui permet de tester en local (fenetre / modèles adaptatifs)
23 avril 2014 à 12:48
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