Ajuda:Agilització de la lectura amb negretes

Fast Read Helper

Autor	Forat Negre
Descripció	Ressalta el principi de les paraules per tal d'agilitzar la lectura.
Codi	fastreadhelper.js
Versió actual	1.0
D. actualització	27 de Febrer 2023

Aplicar èmfasi en negreta al principi de les paraules pot ajudar a algunes persones a agilitzar el procés de lectura. Aquest codi d'usuari divideix les paraules del text dels articles per tal d'aplicar aquest èmfasi de manera personalitzada. El canvi és únicament estètic, i no afecta al funcionament de la Viquipèdia en cap altre aspecte.

Nota: Cal tenir en compte que el codi només s'aplica al cos del text, i no s'executa a pàgines especials com ara el Portal o La taverna.

Instal·lació

El giny es divideix en dues parts; un codi JavaScript que aplica l'efecte en el text, i un codi CSS pel format personalitzat. Hi ha diverses maneres d'implementar-lo.

Incrustació del codi

Cal afegir el següent codi a common.js (només afecta la versió catalana de la Viquipèdia) o bé a global.js (afecta a totes les versions).

// Importar codi Fast Read Helper
mw.loader.load('//ca.wikipedia.org/w/index.php?title=Usuari:Forat_Negre/fastreadhelper.js&action=raw&ctype=text/javascript');

Versió externa

Alternativament, es pot instal·lar una versió externa, fent servir Tampermonkey. Aquesta opció té l'avantatge de ser activada/desactivada més fàcilment i modificable, però com que ja no actua de codi d'usuari no es preserva en canviar de dispositiu.

Per instalar-lo, creeu un nou codi i hi afegiu aquesta capçalera.

// ==UserScript==
// @name         FastReadHelper a Viquipèdia
// @namespace    http://tampermonkey.net/
// @version      -
// @description  Aplica negreta al principi de les paraules per facilitar una lectura més eficient.
// @match        http*://*.wikipedia.org/wiki/*
// @match        http*://*.m.wikipedia.org/wiki/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=wikipedia.org
// @require      https://code.jquery.com/jquery-3.2.1.min.js
// @grant        none
// ==/UserScript==

A continuació, hi heu de copiar el codi original. Podeu trobar-lo aquí: fastreadhelper.js

Aplicació del format

Per tal que es marqui la part ressaltada, s'ha d'indicar l'efecte en el CSS, és a dir, afegint un codi al global.css.

Aquest codi per defecte fa que la part ressaltada es marqui en negreta, tal com s'indica en la imatge d'exemple.

/* Format de text aplicat al giny Fast Read Helper */
.fastRead {
  font-weight: 600;
}

Personalització

La pell per defecte de la Viquipèdia no inclou negretes intermèdies, en cas de voler un efecte més subtil. Per sort, se'n pot importar una altra fàcilment. En l'exemple següent s'utilitza la font de Google Arimo, que té diferents nivells de font-weight.

/* Format de text aplicat al giny Fast Read Helper */
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600;700&display=swap');
body {
  font-family: 'Arimo', sans-serif;
  font-size: 1.1em;
}

.fastRead {
  font-weight: 500;
}

Si es fa servir la versió externa del JavaScript, aquest es pot modificar canviant el valor de la constant FastReadFullMode a true. En fer-ho, el codi anirà més lent en carregar articles llargs, però a canvi permet aplicar canvis també a la part no ressaltada, per exemple en el cas de voler que aquesta sigui translúcida enlloc de fer servir negreta:

.no-fastRead {
  filter: opacity(0.7);
}

Finalment, es poden aplicar altres efectes al text que facilitin la lectura d'altres maneres, com ampliar lleugerament la distància entre les lletres.

.mw-parser-output {
  letter-spacing: 0.5px;
}

Comparació del text abans i després d'utilitzar Fast Read Helper amb paràmetres personalitzats.

Errors i sol·licituds de funcions

La teva opinió és essencial. Informeu tots els errors i les sol·licituds de funcions a la pàgina de discussió.