Risorse Web Designer – Aprile 2011



Superate le mille insidie del nuovo layout di Ebug (vi piace?), finalmente posso riprendere la stesura degli articoli settimanali.

Riprendiamo con una bella raccolta mensile di Risorse, tutorial e articoli per web designer.

1) Gestione tipografica e dei font sul sito web

Francesco Masetti ha raccolto molto strumenti utili per i web designer, per gestire al meglio i caratteri all’interno del sito web.

Tra i tanti servizi troviamo Type tester , CSS Type set , Type chart . Vi consiglio di seguire questa utile lettura per aumentare le vostre conoscenze.

2) L’attributo Placeholder di html5 pure su IE6/7/8

Attraverso Placeholder-Jquery-Plugin è possibile far funzionare il fantasmagorico effetto dell’attributo placeholder, anche su browser che non lo supportano.

Qua trovate un esempio in azione di questo plugin di jquery. Se non conosceste questo attributo di html5 vi consiglierei di leggere questo articolo :D

3) Condividere css, php, asp, mysql e altri linguaggi in un click

Codr.cc è un ottimo servizio scoperto grazie a SimoneDesign, che ci permette di condividere tutte le righe di codice che più ci interessano per farlo visionare a colleghi, amici e conoscenti.

Quando avrete completato l’inserimento del codice, potrete tranquillamente condividere il tutto ovunque voi vogliate (facebook, twitter, blog e forum) attraverso un semplice link.

4) Ftp online in pochi click

Vi sarà sicuramente capitato di gestire un determinato sito web da una macchina online, che non ha istallato il nostro programma di ftp.

Manuela Langella ci segnala questo fantasmagorico servizio online Net2ftp che ci permette di usare i parametri ftp direttamente dal browser.

5) Creare un tour in jquery sul sito web

Codrops ci offre uno splendido tutorial che ci permette di riprodurre i tour all’interno del proprio sito internet, simile a quello ci ha proposto Facebook quando ha cambiato grafica.

Molto utile sia quando si fa un restyling sia quando occorre spiegare ogni parte del nuovo layout. Io lo vedrei utile per le presentazioni ai clienti, per fare un ottima figura.

6) Ispirazione Form per Web Designer

Una delle tante problematiche durante la realizzazione di un progetto è quella della gestione grafica e di immagine dei form di contatto presenti nei nostri siti web.

WDL ci offre una raccolta di 20 campioni di ottima fattura di form contatto coloriti e gradevoli all’occhio. Se foste interessati a visionare questa raccolta potrete vederla da questo link.

7) Ebook css per web designer

Il mio ebook sui css, scritto da Rocco Passaro

Il mese scorso ho pubblicato un piccolo ebook di quasi 100 pagine sui css, molto utile per chi volesse completare la sua formazione base su questo linguaggio.

Visto il mediocre successo di questo ebook (più di 200 volte è stato scaricato) mi permetto di raccoglierlo in questa collana di risorse utili per webdesigner e, visto che sto scrivendo il secondo volume di questo ebook, spero sia gradito.

Per scaricare il primo volume iscrivetevi alla mia newsletter ;)


Vi è piaciuto l’articolo? Vi piace il nuovo layout di ebug? Allora scrivete un commento e condividete l’articolo con altri :D




Potresti trovare interessante anche

Risorse per web designer di Maggio 2011 Risorse per WebDesigner del Marzo 2011 risorse_febbraio_web_designer regalo_ebug_per_web_designer



Iscriviti alla newsletter

Vuoi ricevere ogni articolo che pubblico direttamente sulla tua mail ? Vuoi evitare di perdere qualsiasi articolo pubblico ? Registrati alla mia newsletter in un click.

Inserisci il tuo indirizzo mail:

20 commenti per Risorse Web Designer – Aprile 2011

Ottimo articolo e carino il nuovo template :D

Rocco mi piaceva di più quello di prima ;)
cmq, il supporto html5 merita un cambio di layout… buona continuazione !

Carino in nuovo layout, l’unica cosa che cambierei (se fosse per me) e dare un fondo ai box di testo, magari come se fosse un foiglietto con un angolo sollevato, perchè cosi mi sembra che il testo non sia ben ancorato alla pagina.
Comunque bell’articolo molto interessante.
 
P.s vorrei imparare WordPress, se condo te da dove devo iniziare, hai qulche link da consigliarmi (possibilimente in iataliano)
Grazie

@Marcus grazie mille ^_^

@Sickboy questo mi piace di più :D

@Manuela de nada

@Sergio grazie mille per i suggerimenti , se vuoi aumentare le tue conoscenze di wordpress ti consiglio la mini guida fatta da Nando Pappalardo su YIW ( http://www.yourinspirationweb.com/2010/05/04/come-installare-wordpress-in-locale ) per il resto grazie mille

Grazie Rocco ;-) e complimenti per il nuovo design, mi piace molto!

complimenti per  il nuovo template

Bello il nuovo Template Rocco ;)
in gamba ;)

mi piace ricorda molto lo stile “retrò” della generazione odierna, (mi riferisco a chi ha fatto la scuola negli anni ’90)
 
continua così!

Ciao Rocco mi stavo chiedendo dove fossi finito, non vedevo più aggiornamenti sul blog, bella la nuova versione io la preferisco anche se ci sono diversi particolari da rivedere secondo me, magari una volta che ci sentiamo te li dico.
Ah…e grazie per la segnalazione!

Grazie mille a tutti ^^ non vi dimenticate di condividere tutto :D

@francesco masetti ho inserito il link :D ci sentiamo al più presto in pv ;)

ciao!
scusa l’ignoranza…
per l’effetto dell’attributo placeholder tu intendi quel testo all’interno del campo che quando ci clicchi scompare?
grazie ;)

@andyzzy si parlo di quell’attributo.

In html5 hanno cercato di implementare nella sintassi base tutte quelle tecniche base che attraverso js e jquery si riproducevano… tra queste placeholder :D

Placeholder è un attributo che ha come scopo quello di far comparire un testo alternativo quando l’input della form non è compilato, che scopmpare quando si seleziona tale componente per scriverci dentro.

Mi piaceva di più l’altro , però questo è in html5 :D

Uè Rocco, complimenti per la nuova veste grafica del sito, davvero bella e anche il logo nuovo è davvero figo! Big up!

Grazie mille Amerigo ^_^

Questa nuova grafica mi piace tantissimo, in più il logo è geniale. Illustrator ?

@GiovaP grazie mille , cmq si è stato realizzato con illustrator :D

a si ?…pensavo photoshop :D

Lascia un Commento