Geekissimo

CSS Text Wrapper, disporre il testo in qualsiasi direzione

 
Ivan Trapasso
8 Novembre 2008
7 commenti

Ogni bravo geek, e mi riferisco nella fattispecie ai webmasters, deve conoscere quell’arsenale di trucchetti semplici ma efficaci, per incantare il visitatore. Non necessariamente effetti 3D o Flash, intendiamoci, è anche sufficiente disporre un certo testo in una forma particolare, per esempio. La “tradizione classica”, tramandata dai webmasters ai discepoli, permette di disporre il testo adoperando sapientemente i DIVs tags.

Una tradizione che tuttora sussiste, ma ormai non sono poi così tanti coloro che si servono di questa tecnica con tanta abilità. Nel webmastering, ed in generale nell’informatica, la semplificazione delle operazioni è un obiettivo sempre valido. A questo proposito, dunque, esiste un servizio web che permette di allineare graficamente il testo secondo due direttrici e di fornirne la relativa stringa HTML/CSS da incorporare: sto parlando di CSS Text Wrapper.


Collegandosi presso il sito di CSS Text Wrapper si può cominciare a fare esercizio con la disposizione dell’arcinoto “Lorem ipsum” per mezzo dello spostamento delle due linee laterali. Si può ottenere qualunque forma, da un rettangolo ad un (qualcosa di simile ad un) cerchio, etc. Dopo aver impostato le linee secondo la configurazione migliore, è sufficiente cliccare su “I’m doneper ottenere il sorgente CSS.

A dire il vero, è possibile applicare la disposizione grazie a tre linguaggi differenti: HTML/CSS, che produce un codice molto ingombrante ma semplicissimo da utilizzare (copia e incolla); XHTML/Classes, che produce un codice HTML che necessita di un foglio di stile per funzionare, ma si applica in due passaggi; Javascript, che permette di incorporare un leggerissimo richiamo ad uno script esterno, da scaricare.

Personalmente, il primo metodo risulta sempre essere il migliore, sebbene occupi maggiore spazio all’interno del sorgente. In ogni caso, questo servizio mi sembra davvero ottimo, facile e comodo da utilizzare. Certo, sarebbe più soddisfacente programmarsi da soli quattro righe di codice, ma visto che code is poetry, la poesia deve essere divulgata e resa pubblica, affinché tutti ne contemplino la bellezza. Perdonate quest’ultimo sproloquio. 😉

Auguro a tutti i lettori una piacevole navigazione 😀 A presto!

Categorie: Css
Tags: Css,  CSS Text Wrapper,  testo,  Text,  Wrapper, 
Potrebbe interessarti anche
Articoli Correlati
Creare codice CSS facilmente con CSSTypeSet

Creare codice CSS facilmente con CSSTypeSet

Difficoltà a creare il tuo CSS typesets? Bene, non preoccupatevi CSSTypeSet è un servizio che può salvarci, questo tool è veramente molto semplice. Abbiamo due box di testo nel primo […]

Xhtml-css, controlla e valida il tuo sito con un click

Xhtml-css, controlla e valida il tuo sito con un click

Grazie alla segnalazione di Walter, vengo a conoscenza di un nuovo sito per validare il codice del nostro sito o blog. Si chiama xhtml-css, vi basterà inserire l’indirizzo da validare […]

Webrsque, galleria web 2.0 dove trovare siti bellissimi (CSS)

Webrsque, galleria web 2.0 dove trovare siti bellissimi (CSS)

Se siete dei web-designer, sicuramente saprete cosa vuol dire preparare graficamente un sito partendo da zero. Ci vuole tanta fatica nella scrittura del codice, ma soprattutto, ci vuole tantissima fatica […]

I migliori 20 servizi web 2.0 per creare favicon, icone, avatar ed altro gratis

I migliori 20 servizi web 2.0 per creare favicon, icone, avatar ed altro gratis

Avete un sito/blog e non sapete come arricchirlo graficamente? Vorreste creare una favicon (le icone dei siti che vengono mostrate nella barra degli indirizzi/schede dei browser) ma non sapete nemmeno […]

72 risorse gratuite “Must Have” per il web-design

72 risorse gratuite “Must Have” per il web-design

Si sa, la vita da web design non è certo la più facile in cui orientarsi per trovare risorse valide. Noi di Geekissimo, come sempre, pensiamo a tutti i nostri […]

Lista Commenti
Aggiungi il tuo commento

Fai Login oppure Iscriviti: è gratis e bastano pochi secondi.

Nome*
E-mail**
Sito Web
* richiesto
** richiesta, ma non sarà pubblicata
Commento

  • #1mazzinga

    nasce?
    Minkia e’ gia’ piu’ che maturo
    minimo un anno che esiste sto tool
    ma dai…

    8 Nov 2008, 1:23 pm Rispondi|Quota
  • #2Ivan Trapasso

    @ mazzinga:
    Si, in effetti il verbo non è proprio corretto… E’ meglio un’altra espressione per riferirsi a questo servizio sempre utile, “senza tempo”. Grazie per la correzione 😀 A presto!

    8 Nov 2008, 4:48 pm Rispondi|Quota
  • #3Simone D’Amico

    Non vorrei fare il polemico perchè di polemiche su questo blog se ne fanno anche troppe e molte di queste sono inutili; però vorrei consigliarvi (e ripeto, non vorrei partissero altre polemiche inutili) di stare anche un pochino attenti a quello che scrivete! Questo servizio è stato consigliato da Shor un anno fa quasi al link:

    http://www.geekissimo.com/2007/12/13/css-text-wrapper-cambiare-forma-al-paragrafo/

    Certo in un anno ne cambiano di cose però fidati, questo servizio non è cambiato per nulla nel tempo! 😉

    Buon weekend 😉

    9 Nov 2008, 12:22 am Rispondi|Quota
  • #4Ivan Trapasso

    @ Simone D’Amico:
    Ciao Simone! Scusa se non ho potuto risponderti prima. In ogni caso, tengo a segnalare che il primo articolo correlato a questo è proprio quello che segnali tu nel commento. Non a caso, poiché prima di metter su l’articolo effettuo ricerche su Google, nel motore interno di ISayBlog, etc. Naturalmente, essendo questo un servizio “senza tempo”, come dicevo a Mazzinga nel commento precedente, ho potuto riproporlo senza problemi (non è la prima volta che si ripropongono articoli piuttosto vecchi, quando le circostanze lo permettono). Certo, non segnalo mica un post di un mese fa o una notizia flash. 😉

    Buona navigazione a tutti, a presto!

    9 Nov 2008, 11:00 pm Rispondi|Quota
  • #5Simone D’Amico

    No no infatti ho detto che non volevo aprire polemiche! 😉
    Probabilmente hai ragione, una “rinfrescata” a notizie ancora valide non può far male! 🙂

    Ciao!

    10 Nov 2008, 6:44 am Rispondi|Quota
  • #6Daniele

    Ringraziando, segnalo che sì, in effetti la “rinfrescata” (indipendentemente che fosse intenzionale o che fosse “scappata”…in fondo errare è umano) mi è tornata personalmente molto utile: mi ero perso la segnalazione precedente di Shor e ho invece trovato quest’ultima grazie al feed delle notizie…Ciao a tutti! 🙂

    11 Nov 2008, 10:48 am Rispondi|Quota
  • #7Onsitus

    Con un po di pazienza nel scrivere il testo nelle forma desiderata, non basta il white-space:pre; ????

    18 Nov 2008, 8:02 pm Rispondi|Quota