Geekissimo

100 ottime risorse per il web 2.0 design

 
Andrea Guida (@naqern)
14 novembre 2007
13 commenti

Se siete dei web designer, questo allora è proprio il vostro giorno fortunato! Infatti noi di Geekissimo abbiamo appena sfornato proprio per voi una delle nostre mega-liste: 100 ottime risorse per il web 2.0 design.

Da badges a sfondi, passando per favicon, tutorial, icone, pulsanti, grafici e tanto altro ci sono davvero tantissimi strumenti che speriamo vi possano essere di aiuto nel vostro lavoro. Buona lettura:

BADGES

Web 2.0 Badges – Ottimo set di badges scaricabile ed utilizzabile gratuitamente.

Fresh Badge – Generatore di badges.

adClustr – Badges gratuiti.

Deziner Folio – Collezione di vari badges.


BittBox – Badges vettoriali gratuiti.

Official Seal Generator – Una bella alternativa ai classici badges.

Design Meltdown: Set basilare di badge da scaricare ed utilizzare gratis.

Photoshop Tutorial – Guida su come creare un badge in Photoshop.

Bartelme: Altro tutorial in inglese per creare badge in Photoshop.

Glossy Photoshop Tutorial – Guida su come creare un badge “lucido” in Photoshop.

PULSANTI

My Cool Button – Buon generatore di tasti.

Adam Kalsey’s Button Maker – Semplice strumento per creare pulsanti personalizzati.

Button Maker from Blog Flux – Per creare pulsanti personalizzati.

Brilliant Button Maker – Servizio per generare pulsanti simile ad i 2 sovrastanti.

CSS Buttons – Per scegliere testo, bordi e sfondo.

RSS Button Maker – Per generare pulsanti per sottoscrizioni RSS.

Button Boost – Generatore un pò diverso dagli altri.

ButtonGenerator.com – Per creare pulsanti destinati ai menu di navigazione.

Crystal Button – Per creare facilmente dei pulsanti “lucidi”.

Chicklet Creator – Generatore di pulsanti che permettono ai visitatori del vostro sito/blog di seguirvi tramite il loro lettore di feed RSS preferito.

BORDI ARROTONDATI

RoundedCornr

Corner Shop

Spiffy Box

Canvas Corner

Spanky Corners

Sliding Doors Text Box

Smart Rounded Corners

Rounded Corners in CSS

News List

GENERATORI DI LOGHI

Web 2.0 Logo Creator

Web 2.0 Logo Creatr

Web 2.0 Logo Creator

Web 2.0 Stylr

ICONE

UtomBox – Grandiosa collezione di icone in pieno stile web 2.0.

Feed Icons – Icone standard per RSS.

Map Icon Factory – Per creare icone destinate alle mappe.

Perishable Press – Belle icone RSS.

Glass Style RSS Icons

Snap2Objects – Icone vettoriali per RSS.

31 Sources of Quality, Free Icons

GRADIENTI

Gradient Image Maker

Gradient Generator

Online Gradient Image Maker (OGIM)

SPEECH BUBBLES

Ovvero le nuvolette tipiche dei fumetti, utilizzate per personalizzare lo stile di citazioni e commenti.

Will Mayo

Bubblesnaps

CSS Play

XHTML Speech Bubbles

WigFlip

Fluid CSS Speech Bubbles

MySpace Speech Bubble Generator

Photoshop Tutorial

SFONDI

Background Image Maker – Crea immagini di sfondo con gradienti e trasparenze.

Stripe Generator 2.0 – Per creare sfondi con strisce.

Stripe Designer – Per creare facilmente immagini con strisce.

Tartan Maker – Per creare sfondi tartan.

Texture Generator – Crea immagini da utilizzare come sfondo.

All Free Backgrounds – Dove semplicemente scegliere lo sfondo che preferite.

COLORI

The Colors of Web 2.0 – Per conoscere i colori più utilizzati nei maggiori siti web 2.0

Web 2.0 Color Pallete – Colori popolari nel mondo del web 2.0.

Color Schemer Gallery – Per trovare buone combinazioni di colori.

COLOURlovers – altri esempi di combinazioni di colori.

Website Color Picker – Per testare velocemente schemi di colori.

I Like Your Colors – Per sapere i colori utilizzati da alcuni siti in particolare.

NAVIGAZIONE

CSS Menu Generator – Per creare bei menu in CSS.

Listamatic – Collezione di menu CSS.

List-O-Matic – Per creare menu CSS.

List-U-Like – Per creare barre di navigazione.

Tabs Generator – Per creare un’immagine per la navigazione a schede.

Flash Buttons – Per creare un menu di navigazione con pulsanti in flash.

CSS Play – Collezione di menu CSS.

Exploding Boy – Menu CSS con navigazione a schede.

CSS Navigation Menu Generator – Uno strumento che aiuta a creare menu in CSS.

FAVICON

Favicon Generator – Per creare favicon partendo da immagini presenti nel computer.

Favicon from Pics – Per creare favicon partendo da un’immagine.

Favicon Editor – Basta caricare una foto per ottenere una favicon.

Favicon.cc – Altro strumento per favicon.

Photoshop Tutorial – Per creare favicon con Photoshop.

GRAFICI

PHP/SWF Charts – Per creare grafici molto belli esteticamente.

amCharts – Per creare grafici in flash.

VARIE

Avatar Maker – Per creare e modificare avatar.

Shrink Pictures – Per creare avatar partendo da una propria foto.

ScaleNine – Skin e temi per Flex ed Adobe AIR.

VectorMagic – Converte bitmap in immagini vettoriali.

Templatr – Per creare layout.

PsycHo – Generatore di template per blog.

Web 2.0 Generator – Crea layout.

Typetester – Per comparare font.

BlogPoll – Per creare sondaggi gratuiti da inserire nel proprio sito/blog.

RSSxl – Converte pagine HTML in RSS.

Meta Tag Generator – Crea meta tags.

URL Rewrite – Crea url adatti ai motori di ricerca per le pagine dinamiche.

.htacces generator – Per creare facilmente un file .htaccess.

Thumbnail Generator – Crea thumbnail per molte immagini contemporaneamente.

Reflection.js – Per aggiungere l’effetto specchio alle immagini.

Drop Shadow – Per aggiungere delle belle ombreggiature alle proprie immagini.

CSS Sprite Generator

Vecteezy – Ottimi elementi in grafica vettoriale.

Brusheezy –  Pennelli per Photoshop.

PSBrushes.net – Altri pennelli per Photoshop.

deviantART – Pennelli per Photoshop su deviantART

Fonte: Vandelay Design

Potrebbe interessarti anche
Articoli Correlati
San Valentino: icone, sfondi, cartoline, temi e tanto altro gratis per festeggiare con i nostri amati!

San Valentino: icone, sfondi, cartoline, temi e tanto altro gratis per festeggiare con i nostri amati!

Ormai manca davvero poco all’arrivo di San Valentino, la festa degli innamorati, e noi non possiamo che festeggiarla in modo geek! Eccovi quindi una mega collezione di icone, sfondi, temi […]

50 bellissimi design minimalisti per i vostri siti e blog

50 bellissimi design minimalisti per i vostri siti e blog

Ormai lo sapete benissimo: noi di Geekissimo amiamo dare consigli, che speriamo utili, a chi si appresta ad entrare nel magico mondo del web, costruendo da zero un nuovo sito […]

CSSEZ, nuovo ottimo generatore on-line di temi per WordPress e MovableType

CSSEZ, nuovo ottimo generatore on-line di temi per WordPress e MovableType

Come già giustamente sottolineato più volte, oltre i contenuti (che sono la cosa fondamentale), in un blog anche l’occhio vuole la sua parte e quindi un tema grafico bello da […]

I 25 migliori editor per i layout di MySpace

I 25 migliori editor per i layout di MySpace

Geek o meno, chiunque al giorno d’oggi ci tiene al proprio “biglietto da visita” on-line. Per molte persone, questo biglietto è rappresentato dal proprio profilo su MySpace e, proprio per […]

I migliori 100 strumenti open source e gratuiti per lo sviluppo web

I migliori 100 strumenti open source e gratuiti per lo sviluppo web

C’è davvero bisogno di ulteriori presentazioni?! Dopo la lista delle 100 migliori applicazioni open source per Mac e quella con le migliori 100 applicazioni free ed open source per Windows, […]

Lista Commenti
Aggiungi il tuo commento

Fai Login oppure Iscriviti: è gratis e bastano pochi secondi.

Nome*
E-mail**
Sito Web
* richiesto
** richiesta, ma non sarà pubblicata
Commento

 

  • #1Rintintin

    Ottima!
    Molto ben fatta.

    14 Nov 2007, 12:34 pm Rispondi|Quota
  • #2Maio

    Bel post…complimenti naqern !!! 😀

    14 Nov 2007, 5:00 pm Rispondi|Quota
  • #3naqern

    Grazie mille a voi, ragazzi! 😉

    14 Nov 2007, 5:29 pm Rispondi|Quota
  • #4My Lost Blog

    Grazie. con tutte queste informazioni ora il mio blog sarà più bello

    14 Nov 2007, 6:23 pm Rispondi|Quota
  • #5ReykaVenus

    Ottimo! Era proprio quello di cui avevo bisogno.

    14 Nov 2007, 8:09 pm Rispondi|Quota
  • #6absolutforyou

    che dire questi link sono perfettisimi per quello che cercavo
    grazie per queste segnelazione

    19 Dic 2007, 3:07 pm Rispondi|Quota
  • #8Princess

    Uno per uno… ho visitato ogni link! Complimenti, ben fatto 😉

    16 Feb 2008, 12:07 am Rispondi|Quota
  • #9patch pes 2008

    bel post

    29 Mar 2008, 11:31 pm Rispondi|Quota
  • #10Stefano

    ottimo

    8 Ago 2008, 9:46 am Rispondi|Quota
  • #11marco 2.0

    Web 2.0 Logo Creator e http://www.listulike.com/generator/ sono ormai siti in parking.
    Meglio toglierli da questa splendida lista 🙂

    11 Giu 2009, 5:04 pm Rispondi|Quota
  • #12seo

    Bookmarkato, sto impazzendo perchè vorrei rifare la grafica del mio sito, volevo qualcosa di più convincente e di impatto, se non ci riesco sfruttando tutte le risorse cha hai elencato vuol dire che sono negato 🙂 grazie per i links

    25 Apr 2010, 10:43 am Rispondi|Quota
  • #13Cifra WM

    Mamma mia quanto mi sarà utile questo post 😛

    9 Lug 2010, 11:00 pm Rispondi|Quota
Trackbacks & Pingback
  1. Help.. effetto Web 2.0 - Grafici Creativi