Responsive Design
Imprimé depuis: Forum openElement
Categorie:
openElement
Nom du Forum: Discussion générale openElement
Description du Forum: Discussion générale sur le logiciel
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=21517
Date: 18 Avr 2024 à 01:09
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com
Sujet: Responsive Design
Posté par: SiteConcept
Sujet: Responsive Design
Posté le: 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
|
Réponses:
Posté par: Larsene
Posté le: 18 Oct 2015 à 20:34
|
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" rel="nofollow - 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. ------------- http://goo.gl/KXxG5Y" rel="nofollow - Tutos | https://goo.gl/EtcEUi" rel="nofollow - Don | https://bit.ly/2YwprN3" rel="nofollow - Image Sublime |
Posté par: SiteConcept
Posté le: 21 Oct 2015 à 18:09
Ok  Je vais faire autrement. Je maîtriserai les codes CSS plus tard... Merci |
Posté par: JulienBlanc
Posté le: 22 Oct 2015 à 09:36
|
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/%20" rel="nofollow - 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. |
Posté par: Larsene
Posté le: 22 Oct 2015 à 10:10
|
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 ! ------------- http://goo.gl/KXxG5Y" rel="nofollow - Tutos | https://goo.gl/EtcEUi" rel="nofollow - Don | https://bit.ly/2YwprN3" rel="nofollow - Image Sublime |
Posté par: brolysan
Posté le: 22 Oct 2015 à 10:23
j'attends de tes news justement ^^ ------------- https://sensode.com" rel="nofollow - Sensode https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie |
Larsene a écrit: