[Annonce] Focus mode
-
Hello,
On, continue sur la lancée, la fonction
Material Viewexistante (Touche “M”) ayant été modifiée et refactorisée (voir ici et ici), voici donc un petit topic d’annonce rapide pour vous présenter une nouvelle fonction custom : leFocus Mode(Mode Lecture)C’est une sorte de “mode immersif” pour les topics longs - entre autre - et faciliter la concentration et la lecture sans artifices.
En l’activant, toute l’interface du site disparaît pour laisser place à la lecture : sidebars, header, footer et le contenu se recentre sur 860px - qui est la largeur max conseillée pour ne pas fatiguer trop les yeux - avec une typographie agrandie

Cette nouvelle fonction peut aussi être combinée avec la fonction
Material View- Activer / désactiver : cliquez sur l’icône
dans la sidebar droite, ou appuyez sur la touche “F” du clavier - Quitter : touche
Échapou toucheFà nouveau - Une barre de progression en haut de page indique votre avancement dans le topic en plus de l’existante
- Un petit effet Glitch/Scanline/CRT de transition visuel accompagne chaque activation/désactivation
- Disponible uniquement dans les topics, l’icône sera grisée ailleurs sur le site
- Désactivé sur mobile
La fonction a été testée en PRE-PROD mais bon, d’autres testeurs sont le bienvenue

Bonne lecture sur le forum.

- Activer / désactiver : cliquez sur l’icône
-
Je suis fan… mais j’aurais attendu qu’autant voire plus l’espace d’affichage soit utilisé pour pouvoir lire, plutôt que moins… deux fois: quand on active ce mode, la zone de lecture est moins large, et le texte devient plus gros.
-
Merci pour ton retour

ça peut se modifier @7cf148fd - Rien n’est figé.
je me suis basé sur un écran de 1920px avec les deux sidebars masquées, on a environ 1800px disponibles si j’dis pas de conneries. 60-75 caractères sont en général recommandé par ligne comme idéal pour la lecture longue, ce qui donne généralement entre 680px et 860px selon la police et la taille.
La police elle passe de 16px à 18px
Sur mon grand écran ça passe bien, mais on peut l’augmenter un peu la largeur.
Edit : je viens de passer de 860px à 960px
-
Merci.
Chez moi le texte passe de 16 à 20.25px, parce que 18px de base x 1.125em
En fait j’ai juste l’impression de voir comme une version mobile du site.PS:
body.focus-mode [component="post"].material [component="post/content"] { font-size: 1.125em !important; -
-
Testé la fonctionnalité : pour certains sujets un peu longs, c’est vrai que ça ajoute à l’immersion.
C’est plaisant. Merci pour cet ajout !
Bonjour ! Vous semblez intéressé par cette conversation, mais vous n’avez pas encore de compte.
Marre de refaire défiler les mêmes messages ? Créez un compte pour retrouver votre position, recevoir des notifications des nouvelles réponses, sauvegarder vos favoris et voter pour les messages que vous appréciez.
Grâce à votre participation, ce message peut devenir encore meilleur 💗
S'inscrire Se connecter
