Typos qui ne s'adaptent pas à la rés.

[brunov99]

Bonjour,

Je m'arrache les cheveux.


Une remarque le liminaire. J'ai vraiment du mal à comprendre les subtilités du responsive design. C'est vrai que c'est super pour l'adaptation aux différents supports de lecture mais côté mise en place je trouve que ça complexifie sacrément le boulot. Bref cela devient de moins en moins intuitif (voire créatif) pour de venir de plus en plus technique. Encore une fois c'est fait pour des développeurs (ceux qu'on appelait avant les 'informaticiens') et moins de place pour les graphistes. Dommage...

Bref, j'ai un soucis de typo.
Sur mon site en cours de dev (J3.3.1/Gantry 4x), il y a une zone de texte qui ne s'adapte pas à la taille de mon écran. Comment faire ?

C'est le texte sur le slideshow de cette page :
http://www.cbienici.net/isoris3/

Merci des conseils.

Brunov99

[lomart]

Re : Typos qui ne s'adaptent pas à la rés.

Il existe un petit javascript qui permet d'adapter la taille du texte selon la taille écran: http://fittextjs.com/

Concrètement, il suffit d'affecter la classe "fittext" (par exemple) au blocs de titre

Auparavant, on a chargé le JS dans le template selon sa méthode préférée

// déclaration dans HEAD
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script src="jquery.fittext.js"></script>


// avant la balise body (.fittext étant la classe utilisée)
<script>
jQuery(".fittext").fitText();
</script>

On peut passer des paramètres pour donner une fourchette de taille à respecter. Toutes les infos sur github

Reste en suite à l'adapter au slideshow. Il faut bien laisser du boulot aux informaticiens, il n'y a pas que les graphistes dans la vie

[brunov99]

Re : Typos qui ne s'adaptent pas à la rés.

Merci pour l'info cher lomart.

Question le fichier "jquery.fittext.js" je le mets où dans l'arborescence ?

Merci

Brunov99

[lomart]

Re : Typos qui ne s'adaptent pas à la rés.

Le dossier js du template me parait tout adapté. Il faut adapter le chemin en fonction