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

Pullquotes con Javascript e CSS

Alcune soluzioni pratiche per enfatizzare frasi importanti con javascript e CSS senza dover duplicare contenuto.
Alcune soluzioni pratiche per enfatizzare frasi importanti con javascript e CSS senza dover duplicare contenuto.
Link copiato negli appunti

Roger Johansson ha da poco implementato sul suo blog delle pullquotes e ne ha esposto i dettagli tecnici in Automatic pullquotes with Javascript and CSS.

Le pullquotes sono un modo molto accattivante ed efficace per dare enfasi a
frasi importanti, e tipicamente il loro contenuto è estratto (e duplicato) dal corpo del testo stesso. Qui interviene Javascript, che si occupa quindi di creare struttura e contenuto aggiuntivo senza la necessità  di duplicare le pullquotes nel markup, mentre i CSS si occupano della loro presentazione.

Non si tratta di un'idea totalmente nuova: ho trovato un paio di tecniche simili, anche se piuttosto datate, in Create a Pull Quote with Javascript (and CSS) e Pullquotes with CSS and Unobtrusive Script. Piuttosto recente invece Javascript Pullquotes: la cito però come esempio da non seguire dato che fa uso di script.aculo.us e prototype per risparmiare qualche riga di codice, a fronte di un appesantimento notevole del Javascript totale.

Per la personalizzazione di pullquotes con i CSS rimando invece a Snazzy Pullquotes for Your Blog e, tra le risorse di casa, a questa pagina della serie Grafica per blog con i CSS. Buona lettura!

Ti consigliamo anche