Vai al contenuto
jQuery Italia
jQuery Italia

La community italiana di jQuery

  • IMPARA
    • Tutorials jQuery Italia
    • Tutorials dal web
    • Supporto ed Aiuto
  • CONTRIBUISCI
    • Nuovo Articolo
    • Nuovo Tutorial
  • SVILUPPA
    • Snippets
    • Tools
    • Download
    • Plugins
    • Links
  • FORUM
    • Reception
    • Supporto ed Aiuto
    • jQuery News
    • Non solo jQuery
  • NOTIZIE
    • jQuery
    • jQuery UI
    • Projects
  • CONTATTI
  • LOGIN

Come dare uno “stile” al proprio sito

Pubblicato il 25 Settembre 2010 Categoria:
  • Plugins

La “Web Typography” sta esplodendo in tutto il web. In molti vorremmo dare uno stile a singole lettere, ma abbiamo bisogno di un sistema che mantenga il nostro codice il più pulito possibile e che sia abbastanza agile per non impazzire se è necessario effettuare delle modifiche o dei cambiamenti al testo.

La soluzione è stata quella di utilizzare la potenza di javascript ed inserire alcuni tag semplici e facilmente memorizzabili. Così è nato il plugin jQuery Lettering.JS.

Abbiamo trovato che questa è una soluzione piuttosto veloce ed elegante, per creare poster tipografici CSS3. E’ anche un’ottima soluzione per poter personalizzare gli header delle pagine, pur mantenendo il testo selezionabile.

Bisogna comunque fare attenzione ed utilizzarlo con parsimonia. Probabilmente infatti potrebbe far crashare il browser nel caso si tentasse di “avvolgere” in un tag ogni lettera sulla pagina: vi consigliamo quindi di non farlo!

Anche nel caso di utenti con javascript disabilitati comunque il testo risulterà sempre leggibile sullo schermo.

Tutti i modelli di prestazione Web consigliamo di inserire javascript in fondo alla pagina prima del tag “body”. In questo caso vi potrebbero essere delle complicazioni nel manipolare il testo dopo che il DOM è stato caricato. Quindi, la soluzione migliore è quella di caricare Lettering.JS nel “head” della pagina.

[Download non trovato]

Sito autore e demo: http://daverupert.com/2010/09/lettering-js/

0 Condivisioni
Share
Tweet
Share
Pin

Login

Accedi con Facebook
Accedi con Google
Accedi con Twitter
  • Registrati
  • Password dimenticata?

SOSTIENI jQuery Italia

Aiuta la Community di jQuery Italia a rimanere in vita per contribuire a diffondere le conoscenze di base ed avanzate di jQuery.

Download in evidenza

  • gmap104.html (3559 download)
  • jquery-1.4.1.min.js (3124 download)
  • jqueryformwizard-201.html (3120 download)
  • tinytips11.html (3108 download)
  • jquery-ui-1.8rc1.zip (2974 download)
  • jquerytools120.html (2901 download)
  • jquery-1.4.2.min.js (2893 download)
  • calendarPicker.html (2879 download)
  • 1.0.0.zip (2876 download)
  • move-background.html (2842 download)

jQuery Links

  • jQuery Howto
  • jQuery Official Site
  • jQuery UI Official Site
  • Learning jQuery
  • Use jQuery

SITO SEGNALATO SU

Sito segnalato da Freeonline.it - La guida alle risorse gratuite Mooseek.com - Web Directory, Download Software, Giochi Online, Video Tecnologici, Siti d'Affari

TAG

aggiornamento (3) ajax (5) Android (5) animazione (49) api (10) BlackBerry (4) calendario (3) canvas (4) css3 (9) form (12) framework (41) gallery (8) google (5) html5 (11) immagini (38) javascript (29) jQuery (160) jQuery UI (15) Linux Day (3) maps (3) menu (6) mobile (10) modalbox (2) open source (4) overlay (3) plugin (93) Plugins (17) presentation cycle (4) projects (11) responsive (5) slider (7) slideshow (18) Smartphones (5) Tablets (4) template (5) tooltip (6) tutorial (12) twitter (2) upload (3) utility (18) VELug (3) video (3) widget (3) WYSIWYG (2) zoom (3)
jQuery Italia

La community italiana di jQuery

  • Facebook
  • Twitter
  • Linkedin
  • Youtube
Tutti i loghi ed i marchi contenuti e citati in questo sito sono dei rispettivi propietari.
Privacy Policy
Cookies Policy
COPYRIGHT © 2010 - 2022 jQuery Italia
Designed By ZeeTheme
Posting....