Copia e incolla
Cornici e Separatori di Testo
Un separatore fa una cosa sola: dice all’occhio che una sezione è finita. Per questo stanno ovunque nei README, nei server Discord e nelle bio.
I caratteri di box drawing qui sotto vengono da un vecchio standard per terminali e ci sono in ogni font che conti, quindi reggono sia nel testo proporzionale sia nel monospaziato. Tieni un separatore sotto i 40 caratteri circa o va a capo sul telefono.
Linea piena
──────────────────────────────
Linea spessa
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Linea doppia
══════════════════════════════
Linea tratteggiata
╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌
Linea punteggiata
······························
Saluto
〜〜〜〜〜〜〜〜〜〜〜〜
Fila di tilde
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Linea di stelle
──────── ✦ ────────
Linea di rombi
──────── ◆ ────────
Punto centrale
──────── • ────────
Riga scintillante
··· ✧ ··· ✧ ··· ✧ ···
Riga di frecce
▸▸▸▸▸▸▸▸▸▸▸▸▸▸▸
Sfumatura a blocchi
█▓▒░ ░▒▓█
Barra a blocchi
████████████████████
Zigzag
╱╲╱╲╱╲╱╲╱╲╱╲╱╲╱╲
Riquadro semplice
┌──────────────┐ │ │ └──────────────┘
Riquadro doppio
╔══════════════╗ ║ ║ ╚══════════════╝
Riquadro arrotondato
╭──────────────╮ │ │ ╰──────────────╯
Barra di intestazione
╔═════════════════════╗ ║ T I T L E ║ ╚═════════════════════╝
Parentesi angolari
┌─ ─┐ └─ ─┘
Riga con parentesi
────────[ • ]────────
Catena
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
Dove funzionano
Questa pagina ha 22 pezzi: 17 su una riga e 5 su più righe. Il più largo occupa 30 caratteri.
I 5 a più righe — riquadro semplice, riquadro doppio, riquadro arrotondato, barra di intestazione e altri — tengono la forma solo in un font monospaziato. Su Discord vanno chiusi in un blocco di codice con tre backtick; in un README serve un blocco recintato; nel terminale funzionano e basta. Incollane uno in un messaggio normale e le righe si disallineano.
Domande
Perché la mia cornice viene fuori sbilenca?
Una cornice resta squadrata solo in un font monospaziato. Su Discord vuol dire un blocco di codice; in un README un blocco recintato. I separatori su una riga sola funzionano ovunque perché sotto non hanno niente con cui allinearsi.
Quanto deve essere largo un separatore?
Sui 30-40 caratteri. Sta in un telefono senza andare a capo e su desktop si legge comunque come una riga intera. Un separatore da 60 caratteri si spezza in due righe sbilenche su mobile.
Funzionano in un README di GitHub?
Sì, ma per una semplice linea orizzontale GitHub ne ha già una: tre trattini su una riga da soli producono una vera riga HTML che si adatta al tema di chi legge. Usa i separatori di testo quando vuoi proprio l’effetto decorativo.
Creane una tua
Nessuna di queste dice il tuo nome. Il generatore da testo ad ASCII trasforma qualsiasi parola in un banner con 133 font FIGlet, e il convertitore da immagine ad ASCII trasforma una foto in text art dentro il browser. Sono gratis e nessuno dei due carica niente.