π
<-
Chat plein-écran
[^]

[Mobile] Améliorations de la lisibilité / mise en page

Tout ce qui concerne le site en lui-même

[Mobile] Améliorations de la lisibilité / mise en page

Message non lude Adriweb » 28 Juin 2019, 18:45

Une image sera plus explicite, mais en gros, sur le thème mobile, on a désormais :
  • Les logos success/info/danger des blocs de messages ne sont plus affichés, la couleur de fond est suffisante. Ceci résout un gros problème de lisibilité surtout quand il y avait plusieurs imbrication et des listes rajoutant du padding à gauche. Des fois ça pouvait donner des layouts vraiment ridicules :P
  • Les paragraphes justifiés ont l'auto-tiret-isation (auto-hyphen) d'activé (pas seulement qu'en mobile, d'ailleurs)
  • Les marges autours des images en float sont plus optimales

D'autres conséquences de tout ça sont qu'il n'y a plus besoin de défiler autant pour pouvoir lire du contenu, et les marges par ci par la se retrouvent mieux équilibrées :)

Avant et après, sachant que ce n'était pas du tout le pire exemple :


Un autre exemple, avec des listes :

Avatar de l’utilisateur
AdriwebAdmin
Niveau 16: CC2 (Commandeur des Calculatrices)
Niveau 16: CC2 (Commandeur des Calculatrices)
Prochain niv.: 80.1%
 
Messages: 14606
Images: 1216
Inscription: 01 Juin 2007, 00:00
Localisation: France
Genre: Homme
Calculatrice(s):
MyCalcs profile
Twitter/X: adriweb
GitHub: adriweb

Re: [Mobile] Amélioration de la lisibilité / mise en page

Message non lude critor » 28 Juin 2019, 18:57

Merci. :)
Image
Avatar de l’utilisateur
critorAdmin
Niveau 19: CU (Créateur Universel)
Niveau 19: CU (Créateur Universel)
Prochain niv.: 41.8%
 
Messages: 41468
Images: 14480
Inscription: 25 Oct 2008, 00:00
Localisation: Montpellier
Genre: Homme
Calculatrice(s):
MyCalcs profile
YouTube: critor3000
Twitter/X: critor2000
GitHub: critor

Re: [Mobile] Améliorations de la lisibilité / mise en page

Message non lude Wistaro » 28 Juin 2019, 19:49

Merci :) Je suis un grand amateur de la version mobile :D

Par contre je trouve que sur celle-ci les publicités sont beaucoup trop intrusives / visible..

Image
Image

Ça prend 2 tiers de la page..
Nouveau sur le site, Anonymous ? Avant de poster sur le chat et sur le forum, n'oublie pas de lire les règles. En cas de problème, tu peux m'envoyer un message, je réponds rapidement.

Liens utiles:
Image
Découvre mes programmes et mon site!
Avatar de l’utilisateur
WistaroSuper Modo
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Prochain niv.: 87.5%
 
Messages: 3153
Images: 37
Inscription: 25 Fév 2013, 16:21
Localisation: Toulouse
Genre: Homme
Calculatrice(s):
MyCalcs profile
Classe: Ingénieur en électronique
YouTube: Wistaro
Twitter/X: Wistaro
GitHub: Wistaro

Re: [Mobile] Améliorations de la lisibilité / mise en page

Message non lude Victor D » 28 Juin 2019, 19:58

Autre petite remarque : j'utilise beaucoup la version mobile, et parfois depuis le chat ça m'est très utile pour des raisons de modération d'aller voir le profil de la personne et malheureusement sur la version mobile on ne peut pas voir la date d'inscription ou de dernière connexion, ni accéder aux fichiers uploadés / générations ou encore au dernier post, et enfin les calculatrices (même si on peut faire un AskCalcs c'est plus simple).
Du coup je suis obligé de passer en version ordinateur (ce qui au passage me déconnecte du chat).
Alors si jamais on peut rajouter ces infos (pour les modos au moins).

Mais bon sinon c'est pas bien grave. :)



Le site pour réussir ton exam !
Annales, corrigés, info, épreuves, calendrier...
Deviens V.I.P ! ;)
Envie d'être repéré facilement sur le forum et sur le chat, et d'avoir des fonctionnalités spéciales ?
Plus d'infos : premium.php
Tu aimes TI-Planet.org ?


Alors rendez-vous sur facebook, pour toutes les actus, toutes les news, et bien plus encore...
Ce site t'a aidé ?

PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !

Alors aide le à ton tour !
Ce site est géré bénévolement par L'association UPECS, mais tu peux aider à payer le site, les serveurs...
Avatar de l’utilisateur
Victor DModo
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Prochain niv.: 13.1%
 
Messages: 1581
Images: 98
Inscription: 28 Oct 2014, 22:02
Localisation: France
Genre: Homme
Calculatrice(s):
MyCalcs profile

Re: [Mobile] Améliorations de la lisibilité / mise en page

Message non lude Adriweb » 29 Juin 2019, 06:08

Wistaro a écrit:Merci :) Je suis un grand amateur de la version mobile :D

Par contre je trouve que sur celle-ci les publicités sont beaucoup trop intrusives / visible..

Ça prend 2 tiers de la page..


En fait, oui, ca prend 2 tiers... mais à un seul endroit ?
Cela dit, je vais quand meme désactiver certains types de pub, ca n'etait pas autant sur mon telephone (ou alors ca s'adapte...).
Edit: c'est fait:
Image
Image

MyCalcs: Help the community's calculator documentations by filling out your calculators info!
MyCalcs: Aidez la communauté à documenter les calculatrices en donnant des infos sur vos calculatrices !
Inspired-Lua.org: All about TI-Nspire Lua programming (tutorials, wiki/docs...)
Avatar de l’utilisateur
AdriwebAdmin
Niveau 16: CC2 (Commandeur des Calculatrices)
Niveau 16: CC2 (Commandeur des Calculatrices)
Prochain niv.: 80.1%
 
Messages: 14606
Images: 1216
Inscription: 01 Juin 2007, 00:00
Localisation: France
Genre: Homme
Calculatrice(s):
MyCalcs profile
Twitter/X: adriweb
GitHub: adriweb

Re: [Mobile] Améliorations de la lisibilité / mise en page

Message non lude Wistaro » 29 Juin 2019, 11:18

Effectivement c'est mieux merci :)
Nouveau sur le site, Anonymous ? Avant de poster sur le chat et sur le forum, n'oublie pas de lire les règles. En cas de problème, tu peux m'envoyer un message, je réponds rapidement.

Liens utiles:
Image
Découvre mes programmes et mon site!
Avatar de l’utilisateur
WistaroSuper Modo
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Prochain niv.: 87.5%
 
Messages: 3153
Images: 37
Inscription: 25 Fév 2013, 16:21
Localisation: Toulouse
Genre: Homme
Calculatrice(s):
MyCalcs profile
Classe: Ingénieur en électronique
YouTube: Wistaro
Twitter/X: Wistaro
GitHub: Wistaro

Re: [Mobile] Améliorations de la lisibilité / mise en page

Message non lude Adriweb » 23 Juil 2019, 17:29

J'ai amélioré (vous me direz si vous voyez des problèmes...) l'affichage dans certains cas sur mobile, ceci est résolu:
- quand il y a une video youtube qui forçait la largeur d'un cadre à l'intérieurs de div success/info/warnings..., le texte dépassait et était caché
- les tables s'affichaient de manières assez nues et n'étaient pas forcément scrollables...



Alors, oui, la video dépasse toujours, mais au moins ce n'est plus problématique pour le reste :P
Image

MyCalcs: Help the community's calculator documentations by filling out your calculators info!
MyCalcs: Aidez la communauté à documenter les calculatrices en donnant des infos sur vos calculatrices !
Inspired-Lua.org: All about TI-Nspire Lua programming (tutorials, wiki/docs...)
Avatar de l’utilisateur
AdriwebAdmin
Niveau 16: CC2 (Commandeur des Calculatrices)
Niveau 16: CC2 (Commandeur des Calculatrices)
Prochain niv.: 80.1%
 
Messages: 14606
Images: 1216
Inscription: 01 Juin 2007, 00:00
Localisation: France
Genre: Homme
Calculatrice(s):
MyCalcs profile
Twitter/X: adriweb
GitHub: adriweb

Re: [Mobile] Améliorations de la lisibilité / mise en page

Message non lude Wistaro » 03 Aoû 2019, 22:26

Super merci !
Nouveau sur le site, Anonymous ? Avant de poster sur le chat et sur le forum, n'oublie pas de lire les règles. En cas de problème, tu peux m'envoyer un message, je réponds rapidement.

Liens utiles:
Image
Découvre mes programmes et mon site!
Avatar de l’utilisateur
WistaroSuper Modo
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Prochain niv.: 87.5%
 
Messages: 3153
Images: 37
Inscription: 25 Fév 2013, 16:21
Localisation: Toulouse
Genre: Homme
Calculatrice(s):
MyCalcs profile
Classe: Ingénieur en électronique
YouTube: Wistaro
Twitter/X: Wistaro
GitHub: Wistaro

Re: [Mobile] Améliorations de la lisibilité / mise en page

Message non lude Wistaro » 11 Aoû 2019, 04:48

En fait il y a un petit problème :

https://image.noelshack.com/fichiers/20 ... -46-11.png

Les balises code ne s'affichent plus du tout, j'ignore depuis quand.
Nouveau sur le site, Anonymous ? Avant de poster sur le chat et sur le forum, n'oublie pas de lire les règles. En cas de problème, tu peux m'envoyer un message, je réponds rapidement.

Liens utiles:
Image
Découvre mes programmes et mon site!
Avatar de l’utilisateur
WistaroSuper Modo
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Prochain niv.: 87.5%
 
Messages: 3153
Images: 37
Inscription: 25 Fév 2013, 16:21
Localisation: Toulouse
Genre: Homme
Calculatrice(s):
MyCalcs profile
Classe: Ingénieur en électronique
YouTube: Wistaro
Twitter/X: Wistaro
GitHub: Wistaro

Re: [Mobile] Améliorations de la lisibilité / mise en page

Message non lude Adriweb » 11 Aoû 2019, 04:56

Hmm ca doit être un problème spécifique car chez moi tout fonctionne bien ?
https://m.imgur.com/a/ciqauVz
Image

MyCalcs: Help the community's calculator documentations by filling out your calculators info!
MyCalcs: Aidez la communauté à documenter les calculatrices en donnant des infos sur vos calculatrices !
Inspired-Lua.org: All about TI-Nspire Lua programming (tutorials, wiki/docs...)
Avatar de l’utilisateur
AdriwebAdmin
Niveau 16: CC2 (Commandeur des Calculatrices)
Niveau 16: CC2 (Commandeur des Calculatrices)
Prochain niv.: 80.1%
 
Messages: 14606
Images: 1216
Inscription: 01 Juin 2007, 00:00
Localisation: France
Genre: Homme
Calculatrice(s):
MyCalcs profile
Twitter/X: adriweb
GitHub: adriweb

Suivante

Retourner vers Choses relatives à TI-Planet

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 4 invités

-
Rechercher
-
Social TI-Planet
-
Sujets à la une
Comparaisons des meilleurs prix pour acheter sa calculatrice !
Aidez la communauté à documenter les révisions matérielles en listant vos calculatrices graphiques !
Phi NumWorks jailbreak
123
-
Faire un don / Premium
Pour plus de concours, de lots, de tests, nous aider à payer le serveur et les domaines...
Faire un don
Découvrez les avantages d'un compte donateur !
JoinRejoignez the donors and/or premium!les donateurs et/ou premium !


Partenaires et pub
Notre partenaire Jarrety Calculatrices à acheter chez Calcuso
-
Stats.
1143 utilisateurs:
>1121 invités
>18 membres
>4 robots
Record simultané (sur 6 mois):
6892 utilisateurs (le 07/06/2017)
-
Autres sites intéressants
Texas Instruments Education
Global | France
 (English / Français)
Banque de programmes TI
ticalc.org
 (English)
La communauté TI-82
tout82.free.fr
 (Français)