Evidenziatore
.png){kind=icon}
L'evidenziatore è un pennarello dalla punta a scalpello utilizzato per richiamare l'attenzione su alcune sezioni di un documento, grazie ad una marcatura effettuata con colori particolarmente vividi e traslucidi o fluorescenti[1].
Il primo evidenziatore fu inventato da Francis Honn nel 1963[2][3] (un anno prima, nel 1962, il giapponese Yukio Horie della Pentel inventò il pennarello con inchiostro a base d'acqua[4]) e commercializzato dalla Carter's Ink Company con il nome Hi-Liter. Nel 1971 l'azienda tedesca Schwan-Stabilo lanciò l'evidenziatore Stabilo Boss, che contribuì alla diffusione di massa di questo prodotto.[5]
Al giorno d'oggi ne esistono di una vasta gamma di colori (azzurro, arancione, giallo, rosso, rosa, viola, fucsia, verde... con anche variazioni pastello); il desiderio diffuso tra i giovani di vivacità e originalità è sfociato nella produzione di evidenziatori sempre più stravaganti e variegati.
Informatica
[modifica | modifica wikitesto]L'utilizzo degli evidenziatori, nel nostro "mondo tecnologico", è tuttora diffuso. Anzi, basti pensare che alcuni software di elaborazione testi offrono la possibilità di simulare la colorazione di alcune parole, come se fossero sottolineati da un evidenziatore[6].
Alcune forme di evidenziazione della sintassi possono anche essere visualizzate nello stile di un evidenziatore, con uno sfondo luminoso o pastello al testo, ad esempio nel caso di errori di codice o di testo. Alcune estensioni del browser Web consentono inoltre agli utenti di creare momenti salienti digitali su siti Web e PDF online[7][8].
Anche in programmi di fotoritocco, manipolazione video e grafica vettoriale come Photoshop, Premiere Pro e Illustrator è possibile creare effetti evidenziatore sul testo[9][10][11].
Nello sviluppo di pagine web, l'HTML5 e il CSS3 permettono di creare un effetto evidenziatore anche sfumato, animato e "onmouseover" (al passaggio del mouse)[12]. Ad esempio, nel seguente caso la parola "testo" sarà evidenziata:
<div class="container">
<h1>Questo<span class="highlight-container"><span class="highlight">testo</span></span> è nel titolo</h1>
</div>
.container {
line-height: 1.4;
text-align: center;
padding: 44px;
color: #333;
}
h1 {
font-size: 50px;
}
.highlight-container, .highlight {
position: relative;
}
.highlight-container {
display: inline-block;
}
.highlight-container:before {
content: " ";
display: block;
height: 90%;
width: 100%;
margin-left: -3px;
margin-right: -3px;
position: absolute;
background: #ffd500;
transform: rotate(2deg);
top: -1px;
left: -1px;
border-radius: 20% 25% 20% 24%;
padding: 10px 3px 3px 10px;
}
Con HTML5 si può ottenere un risultato di evidenziatore giallo anche senza il CSS (in questo caso sarà evidenziata la parola "latte")[13]:
<p>Non dimenticarti di comprare il <mark>latte</mark> stamattina</p>
Galleria d'immagini
[modifica | modifica wikitesto]-
Una coppia di evidenziatori con la punta scoperta -
Una serie di evidenziatori -
Errori segnati nel codice del computer, nello stile di un evidenziatore
Note
[modifica | modifica wikitesto]- ^ evidenziatóre in Vocabolario - Treccani, su www.treccani.it. URL consultato il 23 marzo 2023.
- ^ (EN) Jacob Hirschmann, Hi-Lite of a Lifetime, su sites.jcu.edu, 7 marzo 2016. URL consultato il 15 giugno 2019 (archiviato dall'url originale il 26 ottobre 2016).
- ^ (EN) Francis Honn Obituary, su legacy.com, 24 luglio 2016. URL consultato il 15 giugno 2019.
- ^ (EN) The Hand-Held Highlighter, su nytimes.com, The New York Times, 20 gennaio 2012. URL consultato il 15 giugno 2019.
- ^ (EN) The highlighter – from counter culture to office culture, su disegnodaily.com, 1º settembre 2011. URL consultato il 15 giugno 2019.
- ^ Apply or remove highlighting - Microsoft Support, su support.microsoft.com. URL consultato il 23 marzo 2023.
- ^ Super Simple Highlighter, su chrome.google.com. URL consultato il 23 marzo 2023.
- ^ Plugin Firefox Highlighter, su addons.mozilla.org.
- ^ How to Highlight Text in Photoshop, su Design & Illustration Envato Tuts+. URL consultato il 23 marzo 2023.
- ^ (EN) Highlight Text in Your Videos in Just a Couple of Steps, su Gadgets 360, 1º maggio 2021. URL consultato il 23 marzo 2023.
- ^ (EN) 3 Ways to Highlight Text in Adobe Illustrator (Tutorials), su illustratorhow.com, 24 gennaio 2023. URL consultato il 23 marzo 2023.
- ^ (EN) Luke Embrey, How to Highlight Text in CSS [and Some Amazing Examples], su Alvaro Trigo’s Blog - Web developing and design, 14 marzo 2022. URL consultato il 23 marzo 2023.
- ^ (EN) HTML mark Tag, su www.w3schools.com. URL consultato il 23 marzo 2023.
Altri progetti
[modifica | modifica wikitesto]
Wikimedia Commons contiene immagini o altri file su Evidenziatore
Collegamenti esterni
[modifica | modifica wikitesto]- evidenziatóre, su sapere.it, De Agostini.
