CSS – Le proprietà padding e margin

21 giugno 2010 - Fonte: http://pecciola.com
Condividi Ultime due proprietà da analizzare relative al box-model nel css. L’ultima volta il post era dedicato alla proprietà border, mentre oggi tocca a padding e margin. Le ho accorpate insieme perché, come vedrete, abbastanza simili. Con riferimento alla figura iniziale mostrata nell’articolo sul box-model, il padding è definibile come l’ampiezza dello spazio vuoto fra l’area dei [...]...

Leggi il seguito »

Flickr Photobar Gallery in jQuery

18 giugno 2010 - Fonte: http://mondojava.altervista.org

Flickr-Photobar-Gallery

Flickr Photobar Gallery è una galleria fotografica che utilizza le API di Flickr per visualizzare le immagini.

Questa galleria si integra facilmente in qualsiasi sito e grazie a jQuery e i CSS. Il risultato grafico è davvero stupefacente!

Guarda...

Leggi il seguito »

Creare il menu di Windows 7 solo con i CSS 3

18 giugno 2010 - Fonte: http://www.tecnocrazia.com
Per far capire la reale potenza dei CSS 3 come strumento di styling, ho deciso di tradurre e commentare l’articolo di Jankoatwarpspeed che spiega come creare il menu di Windows 7 solamente tramite l’utilizzo dei CSS. Se scomponiamo il menù noteremo, un unico div, due liste non ordinate di circa due link e qualche icona. [...]...

Leggi il seguito »

Giochiamo con border-image

13 giugno 2010 - Fonte: http://ftapparo.org

Ormai quasi tutte le ultime versioni dei browser supportano la proprietà css border-image, che permette di inserire delle immagini come bordi dei box della nostra pagina. Ciò permette di creare con poca fatica simpatici effetti che abbelliranno la nostra pagina per una fetta consistente degli utenti, senza creare problemi di sorta agli altri.

Ad esempio nell’immagine di sotto la cornice è stata creata utilizzando border-image (la foto del fiore è generosamente offerta sotto creative common da Josef F. Stuefer): è importante notare che per i browser che non supportano border-image, la pagina cornice sarà un semplice bordo giallo, senza alcun problema funzionale o estetico.

...

Leggi il seguito »

Introduzione ai CSS

13 giugno 2010 - Fonte: http://www.tecnocrazia.com
Un saluto a tutti gli amici di Tecnocrazia, oggi ci accingeremo ad affrontare un nuovo argomento, i CSS. Cosa sono questi sconosciuti? Che significato ha suddetta parola? Bene, inizieremo il nostro studio partendo proprio dal significato di suddetta parola. CSS, o meglio conosciuti come Cascade Style Sheet (Fogli di Stile a Cascata) o semplicemente fogli [...]...

Leggi il seguito »

CSS Desk e JS Bin, due ottimi editor online per CSS e Javascript

10 giugno 2010 - Fonte: http://www.yeswebcan.it

CssDesk è un editor CSS online che supporta anche CSS3. Se dovete fare delle veloci prove, sperimentare un trucchetto letto su qualche blog oppure mostrare il funzionamento di un codice a qualcuno allora CSS DESK è quello che fa per voi.

cssdesk

Questa utile web application è davvero molto semplice da usare. Vi basterà scrivere sulla sinistra il codice HTML e il codice CSS che volete testare e in tempo reale sulla destra vi apparirà il risultato. Inoltre avete la possibilità di usare l’auto highlighting (ovvero la colorazione del codice), cambiare il pattern di background e scaricare o condividere...

Leggi il seguito »

Facebook Sliders con Mootools e CSS

7 giugno 2010 - Fonte: http://mondojava.altervista.org

mootslider

In questo tutorial verrà spiegato come fare per implementare una barra a scorrimento in stile facebook con MooTools e CSS.

Guarda il tutorial: link

Guarda la demo: link

Post correlati

Oneminutesite crea il tuo sito gratis e in un minuto sei Online!

6 giugno 2010 - Fonte: http://www.informania.it

Per Coloro che hanno necessità di creare un sito Web, ma non conoscano molto i linguaggi di programmazione, ecco un’alternativa davvero unica che ti permette di creare un sito in pochi e semplici passi avendo anche una varia scelta di layut grafici.

Si tratta di ...

Leggi il seguito »

Come creare un effetto di movimento circolare con jQuery

5 giugno 2010 - Fonte: http://www.tagtagweb.com

Codrops ha scritto un tutorialsu come creare simulare un movimento circolare con jQuery. Loro hanno utilizzato il plugin jQuery.path per animare un movimento circolare per un menu all’interno di un sito web, veramente...

Leggi il seguito »

Creare un testo con effetto neon con jQuery e CSS

5 giugno 2010 - Fonte: http://mondojava.altervista.org

jquery-effetto-neon

Nel tutorial di oggi, imparerete a creare un effetto neon da applicare al vostro testo utilizzando jQuery e i CSS.

Per realizzare questo effetto sarà necessario creare un’ immagine di sfondo che contenente due versioni leggermente diverse del testo e grazie a jQuery verrà applicato su di esse una dissolvenza...

Leggi il seguito »