Ago31
Con questo articolo voglio segnalarvi delle tecniche, tutorial e risorse css 2 e css 3 per comprendere meglio le potenzialità degli stili, e l'utllizzo che ne possiamo ricavare.
Grazie alla notevole diffusione del css3 infatti, sono diventati numerosissimi gli articoli che illustrano brillanti idee su come utilizzarlo, da semplici menu, ad animazioni ed elementi da impiegare su applicazioni per dispositivi mobili.
Coding a Stylish Blog Design Layout in HTML & CSS
Si tratta di un tutorial "photoshop to html css" scritto da Chris Spooner , che spiega come convertire un template di un blog realizzato in photoshop in HTML-CSS.
Super Cool CSS Flip Effect with Webkit Animation
Questo tutorial illustra come utilizzare la proprietà css rotateY per creare un effetto "Flip" su un elemento html, in questo caso su una card digitale dei transformers.
iPhone Style Checkboxes With CSS3
Tutorial che spiega come creare, tramite delle animazioni "webkit" supportate da safari e chrome, dei checkbox stile iPhone.
iPhone “slide to unlock” Text in WebKit/CSS3
Dimostrazione di come creare tramite css, uno "slide to unlock" di iPhone/iPad senza l'utilizzo di nessuna immagine.
Pure CSS Sliding Image Gallery
Galleria di immagini in puro css creata facendo scorrere un'immagine dentro la div "contenitore" mentre l'immagine corrente scorre via, il tutto basato sul cambio dello z-index ad ogni animazione.
Si tratta di un framework css, basato su una serie di behaviors, da applicare al proprio foglio di stile per permettere a tutte le versioni di internet explorer di supportare tutte le utilissime proprietà css più moderne.
Utilissimo tool on line che ci permette di verificare su quale browser (IE 7, 8, 9, Opera 10.10, Safari 4, Chrome 4, Firefox 3.5, and Firefox 3.7) le più moderne proprietà css sono supportate. Tutti i browser sono suddivisi per colore su uno schema semi circolare.
Tool on line che permette di creare interattivamente il bottone che più ci piace e di copiarne il codice css, in modo da poterlo utilizzare nei nostri progetti, così che dei semplici link sembreranno bottoni veri e propri.
Un'altro utilissimo tool on line ch permette di creare interattivamente il proprio elemento css e di copiarne il codice.
Create a Vibrant Digital Poster Design with CSS3
Tutorial che ci spiega come creare un poster in HTML utilizzando puro css.
How To Use CSS3 Media Queries To Create a Mobile Version of Your Website
Articolo molto interessante su come utilizzare le query css per creare una versione mobile del proprio sito web.
