π
<-

[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: 78.9%
 
Posts: 14744
Images: 1119
Joined: 01 Jun 2007, 00:00
Location: France
Gender: Male
Calculator(s):
MyCalcs profile
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: 47.5%
 
Posts: 41980
Images: 15737
Joined: 25 Oct 2008, 00:00
Location: Montpellier
Gender: Male
Calculator(s):
MyCalcs profile
YouTube: critor3000
Twitter: critor2000
GitHub: critor

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, ClaudeBot [spider] ? 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!
User avatar
WistaroSuper Modo
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 88.4%
 
Posts: 3183
Images: 37
Joined: 25 Feb 2013, 16:21
Location: Toulouse
Gender: Male
Calculator(s):
MyCalcs profile
Class: Ingénieur en électronique
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 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 13.1%
 
Posts: 1581
Images: 98
Joined: 28 Oct 2014, 22:02
Location: France
Gender: Male
Calculator(s):
MyCalcs profile

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

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...)
My calculator programs
Mes programmes pour calculatrices
User avatar
AdriwebAdmin
Niveau 16: CC2 (Commandeur des Calculatrices)
Niveau 16: CC2 (Commandeur des Calculatrices)
Level up: 78.9%
 
Posts: 14744
Images: 1119
Joined: 01 Jun 2007, 00:00
Location: France
Gender: Male
Calculator(s):
MyCalcs profile
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, ClaudeBot [spider] ? 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!
User avatar
WistaroSuper Modo
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 88.4%
 
Posts: 3183
Images: 37
Joined: 25 Feb 2013, 16:21
Location: Toulouse
Gender: Male
Calculator(s):
MyCalcs profile
Class: Ingénieur en électronique
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

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...)
My calculator programs
Mes programmes pour calculatrices
User avatar
AdriwebAdmin
Niveau 16: CC2 (Commandeur des Calculatrices)
Niveau 16: CC2 (Commandeur des Calculatrices)
Level up: 78.9%
 
Posts: 14744
Images: 1119
Joined: 01 Jun 2007, 00:00
Location: France
Gender: Male
Calculator(s):
MyCalcs profile
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, ClaudeBot [spider] ? 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!
User avatar
WistaroSuper Modo
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 88.4%
 
Posts: 3183
Images: 37
Joined: 25 Feb 2013, 16:21
Location: Toulouse
Gender: Male
Calculator(s):
MyCalcs profile
Class: Ingénieur en électronique
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, ClaudeBot [spider] ? 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!
User avatar
WistaroSuper Modo
Niveau 15: CC (Chevalier des Calculatrices)
Niveau 15: CC (Chevalier des Calculatrices)
Level up: 88.4%
 
Posts: 3183
Images: 37
Joined: 25 Feb 2013, 16:21
Location: Toulouse
Gender: Male
Calculator(s):
MyCalcs profile
Class: Ingénieur en électronique
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

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...)
My calculator programs
Mes programmes pour calculatrices
User avatar
AdriwebAdmin
Niveau 16: CC2 (Commandeur des Calculatrices)
Niveau 16: CC2 (Commandeur des Calculatrices)
Level up: 78.9%
 
Posts: 14744
Images: 1119
Joined: 01 Jun 2007, 00:00
Location: France
Gender: Male
Calculator(s):
MyCalcs profile
Twitter: adriweb
GitHub: adriweb

Next

Return to Choses relatives à TI-Planet

Who is online

Users browsing this forum: ClaudeBot [spider] and 4 guests

-
Search
-
Social TI-Planet
-
Featured topics
Comparaisons des meilleurs prix pour acheter sa calculatrice !
"1 calculatrice pour tous", le programme solidaire de Texas Instruments. Reçois gratuitement et sans aucune obligation d'achat, 5 calculatrices couleur programmables en Python à donner aux élèves les plus nécessiteux de ton lycée. Tu peux recevoir au choix 5 TI-82 Advanced Edition Python ou bien 5 TI-83 Premium CE Edition Python.
Enseignant(e), reçois gratuitement 1 exemplaire de test de la TI-82 Advanced Edition Python. À demander d'ici le 31 décembre 2024.
Aidez la communauté à documenter les révisions matérielles en listant vos calculatrices graphiques !
1234
-
Donations / Premium
For more contests, prizes, reviews, helping us pay the server and domains...
Donate
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 Calculatrices à acheter chez Calcuso
-
Stats.
890 utilisateurs:
>846 invités
>34 membres
>10 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)