Testo che si adatta ai contorni di un’immagine con jQSlickWrap
Martedì 24 Novembre 2009 - 08:46
di Cesare Lamanna
Qualcuno di voi ricorda senz’altro alcuni esperimenti con i CSS di Eric Meyer tendenti a realizzare un sistema per far adattare il testo ai contorni di un’immagine o ad una forma irregolare (cosa normale in ambito desktop publishing). I link: Curvelicious e Slantastic.
E uno screenshot:
Venne poi un articolo uscito nel 2006 su A List Apart: Sliced and Diced Sandbags.
E proprio alla tecnica dei sandbags lì usata si ispira, implementandola via Javascript, jQSlickWrap, un plugin per il popolare framework che consente appunto di “sistemare facilmente e accuratamente il testo intorno al contenuto di immagini floattanti”.
La pagina del progetto presenta esempi di codice, ma non delle vere demo: gli esempi live li potete vedere in azione sulla pagina stessa.
La magia è ottenuta con l’uso dell’elemento canvas.
Categoria: Scripting | Permalink
Commenti
1
Non su ie…
2
Possibile che per implementare una features cosi’ comune e frequente, si debba far ricorso a script?
3
@2: Penso che il problema principale sia dovuto al fatto che le immagini che contengono un cerchio non sono tonde ma sono sempre dei rettangoli e il browser (o chi per esso) non riesce a “vederne” il contenuto.
4
una delle prime cose che avevo immaginato quando ho esplorato un po’ canvas era proprio questa…
lo sapevo che qualche “smanettone” :p sarebbe venuto fuori un bel plugin…
lo trovo interesante… e utile per certi progetti…
5
@Francesca…
spammare per promuoversi è accettabile per un sito porno ma un sito che promuove web developer…
e poi “uonnabii” è con la “W”…
lo sanno pure le Spice Girls… fai tu…# - postato da neurino - 24 Novembre 2009 - 11:47
6
…segnalo un altro esempio in tema di cui si parlava in un recente post su SmashingMagazine
# - postato da fabio - 24 Novembre 2009 - 12:18
7
bell’effetto ma praticamente inutilizzabile fino all’uscita di internet exporer 11 o 12 (considerando i tempi con cui MS implementa le nuove tecnologie del web) :D
# - postato da soichiro - 24 Novembre 2009 - 12:27
8
non credo francesca sia una persona…
quel commento compare anche su altri post…# - postato da lunedì - 24 Novembre 2009 - 15:33
9
…ti stai sbagliando chi hai visto non èèèè… non è francescaaaa…. :-)))))))))
# - postato da deepz - 24 Novembre 2009 - 15:52