Responsive Design |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
SiteConcept
Senior Member Depuis le: 07 Avr 2014 Status: Inactif Points: 201 |
Options des messages
Thanks(0)
Envoyé : 18 Oct 2015 à 19:52 |
Bonjour,
Comment se retrouver avec une page en flat design qui se comporte comme dans l'exemple suivant : http://www.apart-collective.com/work/paris-nuit-blanche-visual-identity de sorte que : - les images se redimensionnent en fonction de la taille de l'écran de restitution - la totalité de la largeur de l'écran est utilisée - les images se positionnent tout de même les unes sous les autres à partir d'un écran aux dimensions plus réduites. ps : la première page - écriture bleue sur fond noir - opère un redimensionnement total en fonction de la taille de l'écran. les images suivantes se redimensionnent et reste visibles dans leur totalité si l'écran est plus petit. Elles occupent toujours la totalité de la largeur de l'écran à deux images sur un grand écran ou à une seule - l'une en dessous de l'autre- sur un écran plus petit. Merci
|
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
premier travail en responsive avec OE, voir ici :
http://forum.openelement.com/fr/forum_posts.asp?TID=20701&PID=129052&title=tutochouette-cest-responsive#129052 Ensuite, c'est assez simple, il suffit de modifier les media queries et en rajouter en fonction des modifications visuelles que vous souhaitez. Il faut juste maîtriser le code CSS pour intervenir sur les éléments. La base étant de dessiner son site au moins selon trois dimensions : une dimension "smartphone", une dimension écran intermédiaire ou tablette et enfin sur un grand écran, pour appréhender ce qui sera nécessaire d'un point de vue code. |
|
SiteConcept
Senior Member Depuis le: 07 Avr 2014 Status: Inactif Points: 201 |
Options des messages
Thanks(0)
|
Ok
Je vais faire autrement. Je maîtriserai les codes CSS plus tard... Merci |
|
JulienBlanc
Groupie Depuis le: 28 Juil 2015 Status: Inactif Points: 42 |
Options des messages
Thanks(0)
|
Je me permets d'intervenir dans la discussion car le tuto de Larsene est très bien fait, il explique bien tous les codes css à utiliser, à quoi ils servent etc.
Perso, je n'y connaissais rien en css et en moins d'une semaine (car je fignolais et fignole toujours), je suis arrivé à ça : http://monsieurblanc.olympe.in/ qui est responsive, qui s'adapte assez bien à la taille des écrans. Le seul conseil que je te donne, c'est jette toi dans le bain, n'attends pas d'avoir fini ton site pour penser responsive. |
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
Merci. Je prépare un nouveau tutoriel bien plus complet pour travailler en responsive avec OVH. Il devrait être publié durant la semaine prochaine je pense, cela dépendra aussi de brolysan !
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
j'attends de tes news justement ^^
|
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |