π
<-
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

Unread postby Adriweb » 28 Jun 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 :

User avatar
AdriwebAdmin.
Niveau 16: CC2 (Commandeur des Calculatrices)
Niveau 16: CC2 (Commandeur des Calculatrices)
Level up: 51.5%
 
Posts: 12616
Images: 1081
Joined: 01 Jun 2007, 00:00
Location: France
Gender: Male
Calculator(s):
Class: (ingénieur)
Twitter: adriweb
GitHub: adriweb

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

Unread postby critor » 28 Jun 2019, 18:57

Merci. :)
Image
User avatar
critorAdmin.
Niveau 18: DC (Deus ex Calculatorum)
Niveau 18: DC (Deus ex Calculatorum)
Level up: 96.6%
 
Posts: 33274
Images: 8672
Joined: 25 Oct 2008, 00:00
Location: Montpellier
Gender: Male
Calculator(s):
Class: Lycée
YouTube: critor3000
Twitter: critor2000
Facebook: critor.ti

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

Unread postby Wistaro » 28 Jun 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..
User avatar
WistaroModo.G
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 59.7%
 
Posts: 2827
Images: 37
Joined: 25 Feb 2013, 16:21
Location: Toulouse
Gender: Male
Calculator(s):
Class: Etudiant ingénieur (Ex TS - SI)
YouTube: Wistaro
Twitter: @Wistaro
GitHub: Wistaro

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

Unread postby Victor D » 28 Jun 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...
User avatar
Victor DModo
Niveau 14: CI (Calculateur de l'Infini)
Niveau 14: CI (Calculateur de l'Infini)
Level up: 83.5%
 
Posts: 1578
Images: 100
Joined: 28 Oct 2014, 22:02
Location: France
Gender: Male
Calculator(s):
Class: S

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

Unread postby Adriweb » 29 Jun 2019, 06:08

Wistaro wrote: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
User avatar
AdriwebAdmin.
Niveau 16: CC2 (Commandeur des Calculatrices)
Niveau 16: CC2 (Commandeur des Calculatrices)
Level up: 51.5%
 
Posts: 12616
Images: 1081
Joined: 01 Jun 2007, 00:00
Location: France
Gender: Male
Calculator(s):
Class: (ingénieur)
Twitter: adriweb
GitHub: adriweb

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

Unread postby Wistaro » 29 Jun 2019, 11:18

Effectivement c'est mieux merci :)
User avatar
WistaroModo.G
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 59.7%
 
Posts: 2827
Images: 37
Joined: 25 Feb 2013, 16:21
Location: Toulouse
Gender: Male
Calculator(s):
Class: Etudiant ingénieur (Ex TS - SI)
YouTube: Wistaro
Twitter: @Wistaro
GitHub: Wistaro

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

Unread postby Adriweb » 23 Jul 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
User avatar
AdriwebAdmin.
Niveau 16: CC2 (Commandeur des Calculatrices)
Niveau 16: CC2 (Commandeur des Calculatrices)
Level up: 51.5%
 
Posts: 12616
Images: 1081
Joined: 01 Jun 2007, 00:00
Location: France
Gender: Male
Calculator(s):
Class: (ingénieur)
Twitter: adriweb
GitHub: adriweb

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

Unread postby Wistaro » 03 Aug 2019, 22:26

Super merci !
User avatar
WistaroModo.G
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 59.7%
 
Posts: 2827
Images: 37
Joined: 25 Feb 2013, 16:21
Location: Toulouse
Gender: Male
Calculator(s):
Class: Etudiant ingénieur (Ex TS - SI)
YouTube: Wistaro
Twitter: @Wistaro
GitHub: Wistaro

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

Unread postby Wistaro » 11 Aug 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.
User avatar
WistaroModo.G
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 59.7%
 
Posts: 2827
Images: 37
Joined: 25 Feb 2013, 16:21
Location: Toulouse
Gender: Male
Calculator(s):
Class: Etudiant ingénieur (Ex TS - SI)
YouTube: Wistaro
Twitter: @Wistaro
GitHub: Wistaro

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

Unread postby Adriweb » 11 Aug 2019, 04:56

Hmm ca doit être un problème spécifique car chez moi tout fonctionne bien ?
https://m.imgur.com/a/ciqauVz
User avatar
AdriwebAdmin.
Niveau 16: CC2 (Commandeur des Calculatrices)
Niveau 16: CC2 (Commandeur des Calculatrices)
Level up: 51.5%
 
Posts: 12616
Images: 1081
Joined: 01 Jun 2007, 00:00
Location: France
Gender: Male
Calculator(s):
Class: (ingénieur)
Twitter: adriweb
GitHub: adriweb


Return to Choses relatives à TI-Planet

Who is online

Users browsing this forum: No registered users and 0 guests

-
Search
-
Featured topics
Concours TI-Planet-Casio de rentrée 2019. 3 défis pour plus d'une 15aine de calculatrices graphiques et nombre de goodies sortant de l'ordinaire ! :D
Comparaisons des meilleurs prix pour acheter sa calculatrice !
12
-
Donations / Premium
For more contests, prizes, reviews, helping us pay the server and domains...

Discover the the advantages of a donor account !
JoinRejoignez the donors and/or premium!les donateurs et/ou premium !


Partner and ad
Notre partenaire Jarrety 
-
Stats.
407 utilisateurs:
>378 invités
>24 membres
>5 robots
Record simultané (sur 6 mois):
6892 utilisateurs (le 07/06/2017)
-
Other interesting websites
Texas Instruments Education
Global | France
 (English / Français)
Banque de programmes TI
ticalc.org
 (English)
La communauté TI-82
tout82.free.fr
 (Français)