Tutorial CSS3: creare bordi con le immagini (border image)

(3 votes, average: 5,00 out of 5)

 Loading ...

Continua la nostra vetrina sulle nuove regole del W3C riguardanti i fogli di stile. Una delle nuove attesissime funzionalità previste dalle direttive CSS3 riguarda la possibilità di utilizzare delle immagini per creare bordi degli oggetti in modo più stiloso. Lo scopo di questa funzionalità è quello di poter utilizzare un’immagine quale bordo di un oggetto, con la possibilità di applicarle alcuni semplici e comuni effetti grafici.

Questa direttiva è ancora in piena fase di studio, per cui ci limiteremo ad esaminare l’implementazione abbozzata dagli unici browser che dispongono di un’anteprima di questa feature. Questi browser sono quelli che si appoggiano sul motore open-source WebKit, vale a dire Chrome e Safari, con la proprietà -webkit-border-image. Per Firefox bisognerà aspettare il rilascio della versione 3.1, attualmente disponibile in beta, che renderà finalmente disponibile la sua proprietà -moz-border-image.

Tutorial CSS3: angoli arrotondati (border radius)

(4 votes, average: 5,00 out of 5)

 Loading ...

Le nuove direttive del W3C riguardanti i fogli di stile, giunte alla loro terza versione CSS3, sono ancora allo stato di bozza; ma nella certezza che prima o poi usciranno dal loro stato larvale, è interessante gettare uno sguardo al futuro.

Questo va fatto restando nei limiti dello scarso supporto che le nuove specifiche riscontrano nei vari browser; infatti solo quelli basati su Mozilla e su Webkit hanno finora implementato delle versioni funzionanti con cui è possibile provarle in anteprima.

Le 19 + 1 definizioni più belle dei CSS

(7 votes, average: 5,00 out of 5)

 Loading ...

I programmatori lo sanno bene. I CSS (ovvero Cascading Style Sheet, più semplicemente chiamati fogli di stile) certe volte si trasformano in una vera e propria gatta da pelare.

Che fare, se non mettersi d’impegno per risolvere i problemi e allo stesso tempo ironizzarci su? Chris Coyer, famoso web designer e web developer, ha deciso di cinguettare sul suo Twitter una definizione umoristica dei CSS.

Le reazioni dei programmatori sono state molte, alcune divertenti, altre realistiche e altre semplicemente buffe. Ecco una rassegna delle 19 +1 definizioni più belle dei CSS.

Layout CSS facile con Grid CSS

(7 votes, average: 5,00 out of 5)

 Loading ...

Ogni volta che si inizia un nuovo sito o un nuovo progetto ci si trova ad affrontare i soliti, importantissimi problemi. Un errore di valutazione o una semplice svista in questa fase potrebbero in futuro costare cari, in termini di prestazioni, tempo e (di conseguenza) denaro. Fortunatamente molti servizi online ci aiutano nelle attività più ripetitive, che spesso nascondono queste insidie piccole ma pericolose.

Un ottimo framework per la generazione di applicazioni web ci viene fornito dalla Yahoo! User Interface Library (YUI). Nello specifico illustriamo Grids CSS, che nella YUI CSS foundation si occupa di fornire template per layout facilmente customizzabili.