15 tool salva-tempo per webdesigner 3
Tutti odiamo i lavori ripetitivi, dovere scrivere sempre le stesse frasi, dover fare sempre quelle maledette tab con i bordi arrotondati, dover formattare paragrafi e paragrafi di Lorem Ipsum e dover riscrivere in continuazione gli stessi pezzi di codice.
Eccovi 15 strumenti che vi aiuteranno ad uscire dalla monotonia e dalla noia e vi faranno andare alla velocità della luce, verso l’infinito e oltre.
1. TabsGenerator
Un generatore automatico di Tab, per creare in un attimo la grafica di un menù di navigazione a schede.
2. Cheat Sheets
Ovvero dei fogli che radunano tutto ciò che è necessario sapere di qualcosa, sia essa Photoshop, Illustrator, il CSS, l’HTML ecc. Eccovi un elenco di Cheat Sheet per tutti i gusti e bisogni.
Photoshop Cheat Sheets
CSS Cheat Sheet
Shorthand CSS Cheat Sheet
Cheat-sheets.org
3. 960 grid system
960px sono ormai uno standard de-facto per quanto riguarda la larghezza ideale per i layout web fissi, tanto che vi è stato creato intorno un framework che vi verrà incontro quando avrete bisogno di creare le bozze dei vostri siti. (E’ consigliabile poi distaccarsi dal framework una volta che si passa al sito vero e proprio, ma questo è un lungo discorso)
4. Styleneat
Styleneat vi permette di uppare il vostro file .css e di dargli una formattazione ideale, con proprietà e selettori in ordine alfabetico e le giuste indentazioni.
Altri ottimizzatori per il CSS:
Css Compressor
Format CSS
CSS Optimizer
5. Text-Expander
I Text-Expander sono delle applicazioni che velocizzano di molto la scrittura, associando a delle scorciatoie, delle porzioni di testo più grandi. [Ad esempio, io utilizzo il mio Text-Expander associando interi paragrafi di Lorem Ipsum a "lli1", "lli2", risparmiandomi grossi fastidi. ]
Mac OS:
Typinator
TextExpander
6. Developer Bar e Firebug per Firefox
Due plugin ESSENZIALI, che renderanno Firefox la vostra macchina da web-design.
Developer Tools ha così tante features che per descriverle servirebbe l’intero blog, ma vi assicuro che una volta conosciuta, sarà difficile lasciarla. Dal coding al testing alla validazione, potrete fare tutto direttamente da Firefox.
Firebug, invece, si occupa dell’aspetto noioso e indispensabile del web-developing, ovvero il debugging delle pagine web, coprendo ogni aspetto possibile e immaginabile.
7. CSS Sprite Generator
Se non sapete nemmeno cosa siano gli sprite, vi consiglio di leggere questo fantastico articolo di SmashingMagazine (e presto provvederò ad informare anche in non anglofoni su questa tecnica). Se invece ne fate largo uso, saprete che può essere frustrante dover comporre sempre le matrici degli sprite. CSS Sprite Generator lo farà per voi, facendovi risparmiare un bel po’ di tempo.
Spirte Generator
8. Em-Chart
Em-Chart è uno strumento di conversione dimensionale, da px a em. Gli em sono l’unità di misura usata per costruire layout liquidi e dover calcolare ogni volta quanti em sono necessari per x pixel è un vero pugno nello stomaco. Buttate via la calcolatrice e usate questa tabella.
9. Html Ipsum
L’ho sempre detto e sempre lo dirò, il mondo sarebbe un posto peggiore, senza il Lorem Ipsum. Il nostro dummy text preferito è anche disponibile già formattato secondo le vostre esigenze, in paragrafi, liste ecc.
10. Favicon Generator & editor
Favicon Generatore permette di uppare un’immagine e crearci una favicon, con la possibilità di modificarla in un semplice e completo editor.
11. Typetester
Typetester vi aiuta a scegliere lo stile di testo giusto, facendovi confrontare tre diverse versioni di un testo che potete scegliere voi, vi presenta diverse alternative e vi permette di scaricare il css dello stile che avete scelto.
12. Color Scheme Designer
Ve ne abbiamo già parlato e lo consideriamo uno dei migliori tool per i colori a disposizione nel web.
13. Snipt
Snipt è una community un po’ particolare, fatta di programmatori e sviluppatori che raccolgono porzioni di codice. Suona geeky, ma è utilissimo e in continua espansione. Se siete in cerca di qualche riga di codice che possa risolvere i vostri problemi, snipt è il luogo in cui iniziare la ricerca.
14. Smushit
Smushit vi farà abbandonare per sempre (ok, esagero un po’) la funzione Salva Per Il Web di Photoshop. Questa web application spremerà al massimo le vostre immagini per ridurre le dimensioni e preservare la qualità diminuendone il peso in pochi click.
15. Iconfinder
Last but not least, il neonato motore di ricerca per le icone, Iconfinder, che ricerca nel web tutte le icone Free che sono necessarie per i vostri progetti.
Usate i commenti per qualsiasi suggerimento, come al solito. Buon web-design ;D
Manca il link sugli sprite (quello di SM), visto che volevo approfondire l’argomento
MJ
Sì, sono stato un po’ sbadato e ho dimenticato qualche link XD Chiedo scusa
[...] 15 tool salva-tempo per webdesigner martedì 5 maggio 2009 | Tratto da: http://we-des.net [...]