Colddesign.it | Web Designer Freelance & Blogger - Tutorial - SEO - Web 2.0 - Grafica - Open Source
 
 
 

Ago31

Autore: Giacomo
Articoli simili in:

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. 

Coding a Stylish Blog Design Layout 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.

 Super Cool CSS Flip Effect with Webkit Animation

iPhone Style Checkboxes With CSS3

Tutorial che spiega come creare, tramite delle animazioni "webkit" supportate da safari e chrome, dei checkbox stile iPhone.

 iPhone Style Checkboxes With CSS3

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.

 iPhone “slide to unlock” Text in WebKit/CSS3

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.

 Pure CSS Sliding Image Gallery

CSS3 PIE

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.

CSS3 PIE 

HTML5 Readiness

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.

HTML5 Readiness 

CSS3 Button Maker

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.

CSS3 Button Maker 

 

CSS3.0 Maker

Un'altro utilissimo tool on line ch permette di creare interattivamente il proprio elemento css e di copiarne il codice.

CSS3.0 Maker 

Create a Vibrant Digital Poster Design with CSS3

Tutorial che ci spiega come creare un poster in HTML utilizzando puro css.

Create a Vibrant Digital Poster Design with CSS3

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.

 How To Use CSS3 Media Queries To Create a Mobile Version of Your Website

 

Scrivi il tuo commento
 

Temi Wordpress

 
 
Articoli più letti
 
 
Leggo anche
 
 
Ultimi commenti
 
 
Tag cloud
 
 
 
Articoli in evidenza
 
 
Articoli recenti
 
 

Temi Wordpress

 
 
 
 
 
 
Colddesign.it | Web Designer Freelance & Blogger - Tutorial - SEO - Web 2.0 - Grafica - Open Source
© Copyright 2010 - 2010 Colddesign.it - Tutti i diritti riservati. | Codice e Design By Giacomo Freddi |  Contatti | Licenza d'uso | Privacy policy

Temi Wordpress