Forum CMS Made Simple Francophone

Aide francophone sur CMS Made Simple

Vous n'êtes pas identifié(e).

Annonce

ATTENTION

  • Prenez le temps de rechercher si quelqu'un n'a pas déjà proposé une solution à votre problème. Sur le forum français et sur le wiki
  • Pensez à mettre à jour votre version de CMS Made Simple. Nous ne faisons de support que sur LA dernière version de CMS Made Simple.
  • Renseignez impérativement le formulaire de nouveau message de manière la plus complète que possible. Dans votre CMS utiliser le menu Administration du site/Informations du système en haut Vue au format texte. Ces informations demandées nous permettent de mieux vous aider
  • Ajoutez [Résolu] au début du titre de votre 1er message lorsqu'une solution a été trouvée.

#1 22/09/2016 06:53:56

snatch1974
Membre
Inscription : 18/01/2011
Messages : 300

Medias queries actuels

#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 2.1.4
#~ Url du site :
#~ Hébergeur / Soft :
#~ Informations Système :
#~      pas de site particulier pour le moment...
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour à tous,

juste un petit sondage pour savoir quelles sont les médias queries que vous utilisez généralement pour vos sites en adaptative design.

Aujourd'hui il y'a une multitude de terminaux avec une multitude de formats différents (smartphones, tablettes de différentes tailles et définitions, ordi portables, écrans rétinas ou normaux, ordinateurs fixes avec écrans allant de 1280px à 5120px), que ce soit verticalement ou horizontalement donc, je trouve intéressant de savoir où vous faites vos breaks pour avoir des sites le mieux adapté possible aux différents terminaux sans avoir 25 versions css de votre site.

Merci de votre participation

Hors ligne

#2 22/09/2016 08:47:14

airelibre
Administrateur
Lieu : Alsace
Inscription : 01/12/2009
Messages : 1 171
Site Web

Re : Medias queries actuels

Hello,

de mon côté, j'utilise Foundation et les breakpoints par défaut fournis avec : http://foundation.zurb.com/sites/docs/m … eries.html

Il m'arrive aussi d'en ajouter un sur les écrans plus larges (au-delà de 1300 par exemple, voire au-delà de 1600).

Hors ligne

#3 29/09/2016 01:11:13

snatch1974
Membre
Inscription : 18/01/2011
Messages : 300

Re : Medias queries actuels

airelibre a écrit :

Hello,

de mon côté, j'utilise Foundation et les breakpoints par défaut fournis avec : http://foundation.zurb.com/sites/docs/m … eries.html

Il m'arrive aussi d'en ajouter un sur les écrans plus larges (au-delà de 1300 par exemple, voire au-delà de 1600).


utilisant bootstrap, j'utilise les breakpoints par défaut en rajoutant les manquants dans dans des cas bien précis aussi comme par exemple lors d'utilisation de texte avec vw comme unité, pour les mobiles (portrait ou vertical), voir même sur le ratio de la fenêtre pour compenser les redimensionnements de fenêtre.

je posais la question aussi car j'ai eu une expérience toute récente avec un site qui s'affichait bien sur ipad mais pas sur une samsung tab, tous 2 de 10,1" pourtant.

Question subsidiaire:

quel est l'avantage que tu trouves à foundation par rapport à bootstrap?

Hors ligne

#4 29/09/2016 06:59:48

airelibre
Administrateur
Lieu : Alsace
Inscription : 01/12/2009
Messages : 1 171
Site Web

Re : Medias queries actuels

snatch1974 a écrit :

quel est l'avantage que tu trouves à foundation par rapport à bootstrap?

J'ai utilisé Bootstrap3 pendant quelques temps avec une compilation Less, puis je suis passé à Foundation6 d'abord pour essayer / comparer, puis en framework principal pour plusieurs raisons :

  • Sass de base

  • Unités en rem

  • Paramétrage simple du nombre breakpoints (là ou BS avait un nombre de breakpoints fixes)

  • D'une manière générale, je trouve que c'est plus pragmatique, moins de markup pour certains plugins. Je trouve que sur BS3, le markup est assez contraignant

  • Les styles de grille "block grids" pratiques pour les galeries photos par ex

Voilà en gros ce qui me vient en tête. Après, ca reste un framework, avec son lot de styles inutiles selon le projet, il faut donc adapter et ne pas hésiter à se passer parfois d'un composant qui serait trop lourd.

Après je n'ai pas testé BS4 qui semble également prometteur.

Hors ligne

#5 03/10/2016 09:34:59

Virginie 12
Membre
Lieu : Estaing (Aveyron)
Inscription : 18/08/2009
Messages : 113
Site Web

Re : Medias queries actuels

Bonjour,

Bootstrap en ce qui me concerne.

Virginie


Je fais pousser votre site web, vous faites grandir votre activité !

Hors ligne

#6 05/10/2016 20:14:07

snatch1974
Membre
Inscription : 18/01/2011
Messages : 300

Re : Medias queries actuels

airelibre a écrit :

Après je n'ai pas testé BS4 qui semble également prometteur.


Après avoir jeté un oeil à la v4, il y'a quelques trucs intéressants concernant les média queries comme possibilité de choisir leur sens (design mobile vers desktop ou inversement) et la possibilité de passer en flexbox plutôt qu'en habituelles tables utilisées... ça, ça me plait assez bien !


Virginie 12 a écrit :

Bootstrap en ce qui me concerne

les breaks te conviennent bien où es tu obligée d'en rajouter, style pour les smartphones en vertical ou autre?

Hors ligne

#7 06/10/2016 22:43:06

Virginie 12
Membre
Lieu : Estaing (Aveyron)
Inscription : 18/08/2009
Messages : 113
Site Web

Re : Medias queries actuels

Le but, pour moi, est d'obtenir une mise en page acceptable pour un cout raisonnable. J'ai fait le choix de m'installer dans un coin perdu... avec le tissus économique qui va avec (TPE majoritairement). Forcément, c'est différent de la multinationale dont je viens comme manière de concevoir les projets.

Donc je n'ajoute pas de breaks... mais si je devais faire un site avec des utilisateurs un peu plus pointus, je le ferai certainement.

Pas tellement pour les smartphones en vertical (intuitivement, l'utilisateur passe en horizontal dès que c'est plus confortable pour lui), mais pour les (très) grands écrans, où on peut facilement se retrouver avec des lignes trop longues pour un confort de lecture correct.

A+


Je fais pousser votre site web, vous faites grandir votre activité !

Hors ligne

#8 06/10/2016 23:38:38

snatch1974
Membre
Inscription : 18/01/2011
Messages : 300

Re : Medias queries actuels

Virginie 12 a écrit :

Pas tellement pour les smartphones en vertical (intuitivement, l'utilisateur passe en horizontal dès que c'est plus confortable pour lui), mais pour les (très) grands écrans, où on peut facilement se retrouver avec des lignes trop longues pour un confort de lecture correct.

Pour ma part, le smartphone est un vrai casse-tête car en vertical on a une largeur qui est presque 2,5 fois plus petite que le dernier break (xs), du moins sur des téléphones comme l'iphone 4, 5 ou tous les autres du même gabarit, et par contre en horizontal, on a une hauteur d'écran insuffisante pour afficher quoi que ce soit d'entier, surtout si les barres de navigation , en haut et en bas font leur apparition... on ne se retrouve avec plus qu'avec moins de 250px  de hauteur qui se réduisent encore si on a un menu hamburger fixé en haut; bref, ça devient inutilisable.

C'est qu'on voudrait que tout le monde ait des telephones de la taille d'une tablette... sauf nous car ça rentre plus dans la poche! lol

Hors ligne

#9 07/10/2016 05:44:45

airelibre
Administrateur
Lieu : Alsace
Inscription : 01/12/2009
Messages : 1 171
Site Web

Re : Medias queries actuels

Avec Foundation6, il existe des règles préétablies pour les orientations - exemple en SASS :

@include breakpoint(landscape){
   .element{
      width: 50%;
   }
}

Pour en savoir plus sur la compilation Sass ou Less sur CMS Made Simple, je donne une petite conférence au Geekmoot : www.geekmoot.com wink

Hors ligne

#10 07/10/2016 06:25:00

snatch1974
Membre
Inscription : 18/01/2011
Messages : 300

Re : Medias queries actuels

airelibre a écrit :

Avec Foundation6, il existe des règles préétablies pour les orientations - exemple en SASS :

@include breakpoint(landscape){
   .element{
      width: 50%;
   }
}

Pour en savoir plus sur la compilation Sass ou Less sur CMS Made Simple, je donne une petite conférence au Geekmoot : www.geekmoot.com wink


Entre le 19 et le 21 octobre, je serais en train de préparer mon sac pour partir mon annuel mois au Royaume de Siam  lol
Je me défait de ma Less pour mon Sass de décompression !!! cool

Dernière modification par snatch1974 (07/10/2016 06:25:29)

Hors ligne

#11 07/10/2016 06:43:45

airelibre
Administrateur
Lieu : Alsace
Inscription : 01/12/2009
Messages : 1 171
Site Web

Re : Medias queries actuels

Tu peux bien faire un petit détour par Leicester non ? wink

Hors ligne

#12 07/10/2016 07:12:52

snatch1974
Membre
Inscription : 18/01/2011
Messages : 300

Re : Medias queries actuels

ben justement j'hésitais entre passer mes vacances annuelles dans le brouillard et sous la pluie ou sur une plage ensoleillée de sable blanc... tu me tentes... lol

Hors ligne

#13 07/10/2016 07:31:02

airelibre
Administrateur
Lieu : Alsace
Inscription : 01/12/2009
Messages : 1 171
Site Web

Re : Medias queries actuels

La plage, le sable, tout ça c'est surfait, en plus ca rentre dans les chaussures. En Angleterre tu n'aurais pas ce problème smile

Bon, on va peut être revenir au sujet initial wink

Hors ligne

#14 07/10/2016 07:46:11

snatch1974
Membre
Inscription : 18/01/2011
Messages : 300

Re : Medias queries actuels

je vis en tongs toute l'année!  tongue

Pour revenir au sujet, quel intérêt de réduire le width de 50% en position landscape, c'est en portait que ça serait intéressant, non?

Hors ligne

#15 07/10/2016 07:48:48

airelibre
Administrateur
Lieu : Alsace
Inscription : 01/12/2009
Messages : 1 171
Site Web

Re : Medias queries actuels

snatch1974 a écrit :

Pour revenir au sujet, quel intérêt de réduire le width de 50% en position landscape, c'est en portait que ça serait intéressant, non?

C'était un exemple non réaliste pour montrer le mixin "breakpoint" de Foundation wink

Hors ligne

Pied de page des forums