Caputo's blog

Informatica, tecnologia, programmazione, fai da te, papercraft e papertoy

Tutorial CSS 3c

maggio 30th, 2011 by Giovanni Caputo

Di seguito una collezione di toturial per CSS3 per sviluppatori e designer. Attendo i vostri commenti

 

Realizzare un menu animato con CSS3

1

Photobooth con PHP, jQuery e CSS3

2

Realizzare uno stile persoalizzato per un pulsante

3

Creare un poster digitale solo con CSS3

4

Creare effetti con CSS3 e Lettering.js

5

Creare uno stile per form

6

Creare pulsanti CSS3 facilmente

7

Form pulisto e stiloso con CSS3

8

 

 

Form di contatti con HTML5 & CSS3

10

Creare una galleria di immagini con animazioni 3D

11

 

Dropdown menu con CSS3

13

Creare un form di ricerca

14

 

Testo su colonne moltiple con CSS3

16

 

Creare un designe basato su Grid in HTML5 e CSS3

22

Tabellone  con immagini rotanti usando CSS3

24

Form di iscrizione multi step

25

Category: tutorial | No Comments »

Testo curvo con CSS

marzo 14th, 2011 by Giovanni Caputo

 

CSSWarp genera al volo codice HTML e CSS per ottenere del testo curvato a forma circolare.


Category: Programmazione, Siti Web | No Comments »

Creare menu di navigazione con CSS3

settembre 13th, 2010 by Giovanni Caputo

CSS3 Menu è un’applicazione gratutita che permette di creare menu di navigazione utilizzando proprietta di CSS3 e NESSUN(senza) javascript.

L’applicazione è disponibile sia per Windows che per mac e permette di personalizzare gli stili dei menu.

I menu sono generati attraverso liste HTML e possono essere impostati sia in orrizontale che in verticale, inoltre permette di gestire sottomenu multipli.

E’ possibile infine visualizzaree l’anterprima del menu di navigazione.

Category: Senza categoria | No Comments »

Risorsa su html e CSS 3 di Google

agosto 18th, 2010 by Giovanni Caputo

HTML5Rocks è una risorsa online di Google che condivide regolarmente vari tutorial, video, novità su HTML5 e CSS3.

Category: Programmazione, Siti Web, Tecnologia | No Comments »

CSS3 bordi arrotondati anche su IE

giugno 18th, 2010 by Giovanni Caputo

Tutti noi sappiamo che IE 6,7 non supportano i CSS3, anche IE8 non è pronto per il pieno supporto.
Ecco un hack che consente di abilitare il supporto ai CSS3 su Internet Explorer (compresa la versione 6) con le tutte le sue proprietà, tra cui border-radius (angoli arrotondati), box-shadow (ombra), text-shadow (ombra su testo).
E’ semplicissimo da applicare, dovete aggiungere solamente una linea di codice sul vostro file CSS, Ecco un esempio:

 
.box {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
  box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(ie-css3.htc); /* RIGA DA AGGIUNGERE */
}
 

Naturalmente è necessario scaricare e inserire nella stassa directory il file, scaricandolo da  qui.

Category: Programmazione | No Comments »

Bellissima galleria fotografica in jQuery e CSS3!

novembre 26th, 2009 by Giovanni Caputo

Demo: http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.php

Codice Sorgente: http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.zip

Tutorial: http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/

Category: Programmazione | No Comments »