Tag Archives: css3

Pulsanti in CSS3: il modo semplice di realizzarli

Pubblicato da

Pulsanti in CSS3: il modo semplice di realizzarli

Pulsanti in CSS3: il modo semplice di realizzarli

Le enormi potenzialità di CSS3 sono un po’ mortificate dalla ancora relativa diffusione di vecchie versioni di browser che non li supportano. E’ indubbio anche che non tutte le nuove istruzioni siano conosciute come le erano con i vecchi CSS.
Costruire dei pulsanti graficamente gradevoli e con effetti di transizione “avanzati” può diventare un gioco da ragazzi con un tool come CSS3 Button Generator di CSS Drive .

Basta selezionare colore di sfondo con il tipo di diffusione (piatta o gradiente), il grado di arrotondamento degli angoli, l’effetto di transizione, effetto hover, padding e tanto altro. Nella porzione di schermo in basso a sinistra viene immediatamente visualizzato il codice da inserire per ottenere questa classe.
E’ anche un’ottima metodologia didattica per imparare i nuovi CSS3.
Il mio consiglio è quello di testare in ogni caso il codice con le versioni più anziane dei browser per non pregiudicare l’usabilità della pagina web.

Link: CSS3 Button Generator di CSS Drive

HTML KickStart: HTML5, jQuery e tutto quello che serve per produrre pagine web moderne

Pubblicato da

HTML KickStart: HTML5, jQuery e tutto quello che serve per produrre pagine web moderne

HTML KickStart: HTML5, jQuery e tutto quello che serve per produrre pagine web moderne

HTML KickStart è un ottimo pacchetto per iniziare a sviluppare pagine web secondo i più moderni dettami.
Al suo interno abbiamo tutto quello che occorre per scrivere codice sfruttando HTML5 , jQuery, CSS3, Tabs e altro senza dover utilizzare decine di righe di codice. O cercando risorse in giro per il web.
Niente vieta di aggiungere questo pacchetto al nostro progetto per riscriverlo pulendone il codice.
Sul sito ci sono chiari esempi su come sfruttare le potenzialità di HTML KickStart e non dobbiamo preoccuparci per la sua compatibilità perchè è perfettamente utilizzabile su tutti i browser più moderni.

Link: HTML KickStart

deCSS3: simulare i browser che non supportano CSS3

Pubblicato da

deCSS3: simulare i browser che non supportano CSS3

deCSS3: simulare i browser che non supportano CSS3

CSS3 ha aperto un mondo di possibilità agli sviluppatori del web.
Questi però si devono scontrare con un nocciolo duro di navigatori del web che ancora usano browser che non supportano i fogli di stile di nuova generazione.
deCSS3 è un bookmarklet che si aggiunge ai browser moderni per simulare il comportamento (ad esempio) di Internet Explorer dalla versione 6 alla 8.
Attualmente deCSS3 funziona solo con Safari e Chrome ma presto il supporto dovrebbe essere esteso anche a Opera e Firefox.
Gli sviluppatori sono alla ricerca di collaborazioni.

Link: deCSS3