Potete generare il vostro bottone (png) direttamente dal sito, personalizzandolo in ogni sua parte, sfondi, testi ecc.

Molto utile anche questo servizio:  Chicklet Creator – Create Feed Subscription Buttons

Sono incluse le immagini JPG e PNG in download così come AI, EPS, SVG  file di origine.
Se si desidera personalizzare i file avrete bisogno di un editor di grafica vettoriale come Illustrator, Freehand ecc.

Download ( 9.4 MB formato ZIP)

Una serie di link con interessanti tutorial

• A questo link trovate un interessante tutorial per fare i vostri badge 2.0 con photoshop;
• Altra soluzione, altri badge da photoshopstar.com;

In origine si utilizzavano tabelle annidate e piccole gif graficamente arrotondate.

In seguito le immagini potevano essere inserite di sfondo ai  DIV tramite CSS, generando comunque non poco codice di cattiva gestione.

Oggi, la soluzione migliore cross-browser è questa:

<div class=”esempio”> contenuto </div>

.esempio {

/*angolo superiore sinistro*/
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;

/*angolo superiore destro*/
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;

/*angolo inferiore sinistro*/
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;

/*angolo inferiore destro*/
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;

}

ecco fatto, compatibile con tutti i browser ad esclusione di IE 5 ormai in disuso.

Il Web 2.0 è un termine utilizzato per indicare genericamente uno stato di evoluzione di Internet (e in particolare del World Wide Web), rispetto alla condizione precedente. Si tende ad indicare come Web 2.0 l’insieme di tutte quelle applicazioni online che permettono uno spiccato livello di interazione sito-utente (blog, forum, chat, sistemi quali Wikipedia, Youtube, Facebook, Myspace, Twitter, Gmail, Wordpress, Tripadvisor ecc.).

La locuzione pone l’accento sulle differenze rispetto al cosiddetto Web 1.0, diffuso fino agli anni novanta, e composto prevalentemente da siti web statici, senza alcuna possibilità di interazione con l’utente eccetto la normale navigazione tra le pagine, l’uso delle email e l’uso dei motori di ricerca.

Per le applicazioni Web 2.0, spesso vengono usate tecnologie di programmazione particolari, come AJAX (Gmail usa largamente questa tecnica per essere semplice e veloce) o Adobe Flex.

Un esempio potrebbe essere il social commerce, l’evoluzione dell’E-Commerce in senso interattivo, che consente una maggiore partecipazione dei clienti, attraverso blog, forum, sistemi di feedback ecc.

Gli scettici replicano che il termine Web 2.0 non ha un vero e proprio significato, in quanto questo dipende esclusivamente da ciò che i propositori decidono che debba significare per cercare di convincere i media e gli investitori che stanno creando qualcosa di nuovo e migliore, invece di continuare a sviluppare le tecnologie esistenti.

Alcuni hanno iniziato, come Seth Godin, ad utilizzare il termine “New Web” (Nuovo Web) in quanto si rimane molto scettici sull’utilizzo dell’etichetta “web 2.0″ (o anche 3.0 e successive) quando utilizzata al fine di definire univocamente e generalmente una complessa e continua innovazione dei paradigmi di comunicazione digitale sul web. Se pure il termine “Nuovo Web” non diventasse velocemente di uso comune anche tra i net-citizen, questo probabilmente non diverrebbe obsoleto come sta accadendo per l’etichetta “web 2.0″ a favore ad esempio di “3.0″, “3.5″, “4.0″ e così via. Questo tipo di etichette hanno la funzione di “fotografare” in maniera non univoca un certo momento.

Da Wikipedia, l’enciclopedia libera.

Ora, se siete interessati a dare anche al vostro sito questo tipo di sembianze, eccovi accontentati. Qui sotto trovate un elenco di siti che mettono a vostra disposizione molte risorse:

• Web 2.0 how-to design style guide
• Web 2.0 Design in a nutshell
• Web 2.0 Design Kit
• Web 2.0 Color Palette
• Web 2.0 style buttons

Buon lavoro!