Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Intercettare il ridimensionamento dei font

Sull'ultimo numero di Alistapart uo script per rilevare il font-size e il suoi cambiamento: utilissimo soprattutto se combinato con i CSS.
Sull'ultimo numero di Alistapart uo script per rilevare il font-size e il suoi cambiamento: utilissimo soprattutto se combinato con i CSS.
Link copiato negli appunti

L'ultimo articolo di

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

, dal titolo

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

, presenta un'idea nuova che offre molti spunti e possibili sviluppi: intercettare il font-size del browser e il suo cambiamento per prevenire problemi di layout e sovrapposizioni di contenuto intervenendo con i CSS.

L'idea alla base è simile al

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

proposto un po' di tempo fa da Cameron Adams e citato nell'articolo di ALA, in cui Javascript è in grado di fornire un CSS ad hoc in base alla larghezza della finestra del browser. Per le dimensioni del font le cose non sono però così semplici, dato che non c'è un modo diretto per rilevare il font-size del browser né un evento collegato
al suo ridimensionamento.

Lawrence Carvalho e Christian Heilmann, autori dell'

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

, si sono avvalsi quindi della

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

e in particolare dei suoi

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

per realizzare
uno script molto semplice da utilizzare che:

  • crea uno span nascosto con uno spazio al suo interno;
  • legge l'altezza di tale elemento e la memorizza;
  • registra funzioni listeners da chiamare quando il font-size cambia;
  • controlla periodicamente se l'altezza dello span è cambiata, il che significa che l'utente ha ridimensionato il font-size.

Notevoli l'

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

e sopratutto una

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

dello script in cui un menu orizzontale si trasforma in una lista verticale a dimensione del font molto grande.

Lo script non è purtroppo in grado di intercettare il ridimensionamento del carattere, ma solo il font-size iniziale, in Internet Explorer 7 e Opera se si utilizza la loro modalità  zoom ma non dovrebbe costituire un problema dato che questa modalità  opera con un registro molto differente rispetto al cambiamento del font-size.

Rimando a

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

per approfondimenti
e il download di script ed esempi.

Questo articolo contiene link di affiliazione: acquisti o ordini effettuati tramite tali link permetteranno al nostro sito di ricevere una commissione nel rispetto del codice etico. Le offerte potrebbero subire variazioni di prezzo dopo la pubblicazione.

Ti consigliamo anche