Scritto da Abx in CSS, Tutorial

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

ScarsoPoco interessanteSufficienteBuonoDa non perdere! (3 votes, average: 5,00 out of 5)
Loading ... Loading ...

css3 border imageContinua 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.

 commenti
 
 
Scritto da Abx in CSS, Tutorial

Tutorial CSS3: angoli arrotondati (border radius)

ScarsoPoco interessanteSufficienteBuonoDa non perdere! (4 votes, average: 5,00 out of 5)
Loading ... Loading ...

CSS3 - Angoli arrotondati con border radiusLe 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.

 commenti
 
 
Scritto da Kikee in CSS, Curiosità

Le 19 + 1 definizioni più belle dei CSS

ScarsoPoco interessanteSufficienteBuonoDa non perdere! (7 votes, average: 5,00 out of 5)
Loading ... Loading ...

CSSI 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.

 commenti
 
 
Scritto da Abx in CSS, Tip & Tricks

Layout CSS facile con Grid CSS

ScarsoPoco interessanteSufficienteBuonoDa non perdere! (7 votes, average: 5,00 out of 5)
Loading ... Loading ...

Css Grid Builder

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.

 commenti
Annunci
Social
I Blog del Network
Doki Cucina Doki iTech Doki Woman Doki Fun Image Map
Creative Commons License