Dare una forma al testo delle pagine web

CSS text wrapper

Ecco uno strumento veramente interessante per la creazione di pagine web…

CSS Text Wrapper da la possibilità di modificare la forma in cui si presenta il testo nelle pagine html: non più i soliti box rettangolari o quadrati. Grazie a questo strumento è possibile creare online una forma geometrica più complessa in cui il testo andrà ad ingabbiarsi quasi perfettamente!

A disposizione abbiamo due linee ai lati del nostro solito parallelepipedo; possiamo aggiungere dei punti (maniglie) per trasformare queste linee in forme decisamente complicate, dopodichè il programma ci fornirà un piccolo Javascript (l’ultima delle 3 opzioni fornite) che darà lo stile al nostro testo.

Non vi sembra meraviglioso? Cosa ne pensate?

3 pensieri su “Dare una forma al testo delle pagine web”

  1. vado senz’altro a dare un’occhiata soprattutto curioso di capire se il tool permette di fare design con il testo a scapito di accessibilità ed usabilità. vedremo, nel frattempo grazie!

  2. C’è un altro sistema per far sì che, in una pagina html, del testo scorra attorno ad un’immagine.
    Si tratta di jQSlickWrap, un plugin per jQuery che consente di far “avvolgere” il contenuto attorno alle immagini.
    Per funzionare usa il tag canvas di HTML 5 in maniera molto intelligente, analizzando l’immagine originale, le sue proprietà CSS e riscrivendo l’immagine.
    L’uso è molto semplice in quanto consiste in una chiamata di una funzione come:
    $('.classToBeWrapped').slickWrap();
    Il plugin offre anche varie opzioni di personalizzazione come l’impostazione della risoluzione o del colore di sfondo dell’immagine ridisegnata.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.

Ricevi un avviso se ci sono nuovi commenti. Oppure iscriviti senza commentare.

You can add images to your comment by clicking here.