Un cliente di Teams richiede blocchi di codice in linea che risaltino di più. Al momento, sia in modalità scura che chiara, il blocco di codice non è molto diverso per colore rispetto ad altro testo. Potremmo cambiare il colore del testo per impostazione predefinita in Discourse in modo che venga utilizzato un colore diverso che risalti di più, ad esempio il rosso?
So che per la maggior parte dei clienti questo non è un grosso problema perché possono personalizzare il tema per cambiare il CSS sul loro sito, ma per Discourse for Teams questo livello di personalizzazione non è possibile. Nel frattempo, per i team che discutono di codice, è molto importante che risalti come molto diverso dagli altri testi.
Grazie Tobias. Ai fini della cronaca, sono il cliente e voglio sottolineare che sto parlando esclusivamente di blocchi inline. Non ho alcuna preoccupazione per il multiline.
Per la cronaca, se sei un principiante dell’HTML come me (ho dovuto cercarlo):
<kbd>Fancy!</kbd> è fatto con <code><kbd>Fancy!</kbd></code>
<ins>Ohhhh!</ins> è fatto con <code><ins>Ohhhh!</ins></code>
È utile saperlo, grazie @tobiaseigen.
Penso ancora che avrebbe senso modificare anche il CSS per questo. Abbiamo alcuni post tecnici che usano molto i backtick e l’uso delle 2 alternative non è decisamente così user-friendly.
Oh, c’è anche un terzo modo per evidenziare che è carino e che continuo a dimenticare. Sembra così e si ottiene con questo markup HTML <mark>testo</mark>. Esiste un componente tema contribuito dalla community (non disponibile in Teams) che consente invece di utilizzare ==testo== che è piuttosto utile. Non lo trovo subito per qualche motivo.
Comunque, discuterò con i miei colleghi sull’aggiornamento dello stile predefinito dei blocchi di codice in modo che siano più evidenti. Forse anche solo rendere più distintivo il colore di sfondo del blocco di codice sarà sufficiente.
Il codice inline è sempre apparso come codice normale, in un font (monospace) da codice. Qualsiasi cosa molto luminosa e stridente dipenderebbe fortemente dalla community e non sarebbe certo coerente con il modo in cui vedo code utilizzato nella maggior parte dei luoghi del web.
La questione dell’evidenziazione della sintassi è diversa; avresti bisogno di righe di codice multiple per determinare con quale sintassi hai a che fare. Forse questa era la radice del problema: se vuoi l’evidenziazione della sintassi, hai bisogno di un blocco di codice, ad esempio
var x, y, z; // Dichiarare 3 variabili
x = 5; // Assegnare il valore 5 a x
y = 6; // Assegnare il valore 6 a y
z = x + y; // Assegnare la somma di x e y a z
document.getElementById("demo").innerHTML =
"Il valore di z è " + z + ".";
Un singolo elemento code è separato da tutto il contesto necessario per eseguire l’evidenziazione della sintassi. Potresti fare una singola riga di JavaScript però:
"il valore di z è " + z + ".";
Che appare come
``` javascript
"il valore di z è " + z + ".";
```
Quindi immagino che si tratti di blocchi di codice contro una parola di codice.
Immagino che @jordan.vidrine ci siano ordini da seguire. Per procedere con un ripristino completo della modifica. Forse creare un componente tematico per “stili di codice alternativi”, può diventare completamente Slack sul codice inline e renderlo rosso essendo un componente.
Penso che la richiesta qui fosse davvero per un modo rapido e semplice per evidenziare il testo nelle discussioni. Molte persone (incluso me) hanno iniziato a usare i backtick per evidenziare il testo perché è super facile… non devi nemmeno premere Maiusc, ed è individuabile nel menu. Ma non si distingue molto dal resto del testo nel paragrafo.
Grassetto e corsivo sono anche nel menu e anche loro non risaltano molto. Altri modi per evidenziare il testo inline richiedono più battiture. Inoltre, non sono documentati in modo prominente, quindi richiedono anche conoscenze interne.
Ho trovato casualmente il plugin che fa questo oggi mentre scorrevo la categoria Plugin… è buffo come in alcuni casi non si riesca a pensare alla parola chiave giusta per trovare un plugin.
Indipendentemente dalla soluzione, penso che ci sia un chiaro problema di UX con l’attuale design del blocco di codice. Il contrasto è quasi inesistente.
Per citare @codinghorror, direi al contrario che “la maggior parte dei siti web” non presenta questo problema.
Sostengo che sia la sottolineatura verde verde che l’evidenziazione evidenziata abbiano esattamente il problema opposto con un contrasto eccessivamente alto e non necessario, ma questo riguarda più il gusto che un problema di UX.
Che ne dici di implementare l’approccio di GitHub con uno sfondo grigio più scuro e un po’ di padding?
Dove la situazione si complica è sostenere un enorme cambiamento su ogni singola istanza di Discourse, molte delle quali sono abituate allo stile attuale e discreto. Questa è una mossa da maestro.
La soluzione alternativa di aggiungere semplicemente CSS esiste già per la maggior parte delle installazioni.
