Only Css3 Free User Interface

20 gennaio 2012 - Fonte: http://explosivelab.blogspot.com/
Oggi vi presento una semplice User Interface (UI) creata da me in Css3 e Html5 senza uso di script e immagini per creare l' effetto; il design è scaricabile gratuitamente a questo indirizzo.
Ecco un immagine dell' interfaccia Css3:
Css3 UI Free
Siete naturalmente liberi di utilizzarla e modificarla, per vedere l' esempio in azione vai nella pagina ufficiale.
Aspetto vostre opinioni in merito ^^...

Leggi il seguito »

Css3 button Tutorial con box shadow

14 gennaio 2012 - Fonte: http://explosivelab.blogspot.com/
Creare bottoni Css3 non è mai stato così semplice, infatti grazie alla proprietà css3 box-shadow è possibile ottenere ottimi risultati che possono benissimo eguagliare qualunque editor grafico. Anzi, se facciamo un paragone tra le due tecnologie (Css3 e per esempio Photoshop) sarà molto più sbrigativo creare il button con i Css3 applicando poche semplici regole.
Qui puoi guardare un esempio in azione dei bottoni che andremo a creare; il tuo browser potrebbe anche non essere compatibile con il box-shadow quindi ecco la immagine dei css3 button:
...

Leggi il seguito »

Text Shadow Css3

12 gennaio 2012 - Fonte: http://explosivelab.blogspot.com/
Il Css3 una ha introdotto una nuova proprietà riguardante il testo, la proprietà text-shadow con lo scopo di aggiungere l' ombreggiatura ad ogni lettera di un testo a cui si vuole dare l' effetto.
La proprietà text-shadow si presenta in questo modo:
text-shadow: 3px 3px 5px #333;Se per esempio provaste ad applicare questo effetto a un testo otterreste sempre questo:
...

Leggi il seguito »

Html5 Canvas demo #2

11 gennaio 2012 - Fonte: http://explosivelab.blogspot.com/
Nell' articolo precedente ho spiegato come generare cerchi con il Canvas, e non solo, infatti introducendo le due funzioni c_arc() e c_arcRandom() ho creato uno script in grado di creare cerchi casuali in questo modo:

...

Leggi il seguito »

Elemento Section di Html5

4 gennaio 2012 - Fonte: http://explosivelab.blogspot.com/
L' elemento section di Html5 rappresenta una sezione generica di un documento o di una applicazione. Una sezione è raggruppamento tematico del contenuto, tipicamente con una intestazione.
<section> </section>Esempi di sezione potrebbero essere una suddivisione in capitoli di una pagina, in questo...

Leggi il seguito »

Attributo Placeholder di Html5

31 dicembre 2011 - Fonte: http://explosivelab.blogspot.com/
Placeholder Html5 AttributeL' attributo placeholder di Html5 rappresenta un breve suggerimento (una parola o una frase breve) al fine di favorire l' utente con l' inserimento dei dati nel campo. Come suggerimento nel placeholder potresti inserire un valore di esempio o una breve descrizione del formato previsto.
Ecco un semplice esempio...

Leggi il seguito »

Auguri e buone feste a tutti (in ritardo)

26 dicembre 2011 - Fonte: http://explosivelab.blogspot.com/
Cari lettori oggi vi auguro i miei più pieni auguri di natale (da notare l' orario dell' articolo, asd), come mio regalo oggi vi presento il blog di supporto di Explosive Lab su Tumblr chiamato It's so Easy!, in esso oltre a essere disponibili sotto forma di link veloci tutti gli articoli di questo blog potete anche trovare nuovi approfondimenti...

Leggi il seguito »

Assegnare scorciatoie da tastiera con Html5

20 dicembre 2011 - Fonte: http://explosivelab.blogspot.com/
Ad ogni elemento che può essere attivato o focalizzato(focus) può essere assegnata una singola scorciatoia da tastiera per attivarlo, utilizzando l' attributo accesskey di Html5. Ricorda però che noi sviluppatori non siamo gli unici a voler assegnare queste comode scorciatoie, infatti è bene controllare prima, a differenza del browser e del sistema operativo se esistono dell accesskey già predefinite tramite javascript.

...

Leggi il seguito »