Evidenziatore

e un

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].

Evidenziatori colorati Stabilo Boss, una delle marche di cancelleria più note al mondo

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

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
  1. ^ evidenziatóre in Vocabolario - Treccani, su www.treccani.it. URL consultato il 23 marzo 2023.
  2. ^ (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).
  3. ^ (EN) Francis Honn Obituary, su legacy.com, 24 luglio 2016. URL consultato il 15 giugno 2019.
  4. ^ (EN) The Hand-Held Highlighter, su nytimes.com, The New York Times, 20 gennaio 2012. URL consultato il 15 giugno 2019.
  5. ^ (EN) The highlighter – from counter culture to office culture, su disegnodaily.com, 1º settembre 2011. URL consultato il 15 giugno 2019.
  6. ^ Apply or remove highlighting - Microsoft Support, su support.microsoft.com. URL consultato il 23 marzo 2023.
  7. ^ Super Simple Highlighter, su chrome.google.com. URL consultato il 23 marzo 2023.
  8. ^ Plugin Firefox Highlighter, su addons.mozilla.org.
  9. ^ How to Highlight Text in Photoshop, su Design & Illustration Envato Tuts+. URL consultato il 23 marzo 2023.
  10. ^ (EN) Highlight Text in Your Videos in Just a Couple of Steps, su Gadgets 360, 1º maggio 2021. URL consultato il 23 marzo 2023.
  11. ^ (EN) 3 Ways to Highlight Text in Adobe Illustrator (Tutorials), su illustratorhow.com, 24 gennaio 2023. URL consultato il 23 marzo 2023.
  12. ^ (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.
  13. ^ (EN) HTML mark Tag, su www.w3schools.com. URL consultato il 23 marzo 2023.

Altri progetti

modifica

Collegamenti esterni

modifica
  Portale Scienza e tecnica: accedi alle voci di Wikipedia che trattano di scienza e tecnica