π
<-
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: 52.8%
 
Posts: 12781
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 19: CU (Créateur Universel)
Niveau 19: CU (Créateur Universel)
Level up: 2.5%
 
Posts: 34779
Images: 9167
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..
Nouveau sur le site,
Anonymous
? Avant de poster sur le chat et sur le forum, n'oublie pas de . 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!
User avatar
WistaroModo.G
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 62.3%
 
Posts: 2922
Images: 37
Joined: 25 Feb 2013, 16:21
Location: Toulouse
Gender: Male
Calculator(s):
Class: Etudiant ingénieur (dernière année)
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: 85%
 
Posts: 1580
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: 52.8%
 
Posts: 12781
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 :)
Nouveau sur le site,
Anonymous
? Avant de poster sur le chat et sur le forum, n'oublie pas de . 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!
User avatar
WistaroModo.G
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 62.3%
 
Posts: 2922
Images: 37
Joined: 25 Feb 2013, 16:21
Location: Toulouse
Gender: Male
Calculator(s):
Class: Etudiant ingénieur (dernière année)
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: 52.8%
 
Posts: 12781
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 !
Nouveau sur le site,
Anonymous
? Avant de poster sur le chat et sur le forum, n'oublie pas de . 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!
User avatar
WistaroModo.G
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 62.3%
 
Posts: 2922
Images: 37
Joined: 25 Feb 2013, 16:21
Location: Toulouse
Gender: Male
Calculator(s):
Class: Etudiant ingénieur (dernière année)
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.
Nouveau sur le site,
Anonymous
? Avant de poster sur le chat et sur le forum, n'oublie pas de . 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!
User avatar
WistaroModo.G
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 62.3%
 
Posts: 2922
Images: 37
Joined: 25 Feb 2013, 16:21
Location: Toulouse
Gender: Male
Calculator(s):
Class: Etudiant ingénieur (dernière année)
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: 52.8%
 
Posts: 12781
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 2 guests

-
Search
-
Featured topics
Omega, le fork étendant les capacités de ta NumWorks, même en mode examen !
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.
577 utilisateurs:
>551 invités
>20 membres
>6 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)