FireFox, Componenti utili per Skinning, Resources per lo Skinning

« Older   Newer »
  Share  
view post Posted on 10/5/2009, 08:30
Avatar

Advanced Member

Group:
Member
Posts:
3,192

Status:


Componenti Utili Per Skin
Spesso la gente si chiede se esistano degli aiuti per realizzare skin, ma purtroppo non esiste un programma che ti fa la skin con un click, tuttavia esistono degli strumenti che possono aiutare lo Skinner:

- - - - - - - - - - - - - - -



Web Developer | [Download]
E' una estensione di firefox, è facilissimo da installare e velocissimo da utilizzare, non vi darà nessun problema con il pc e vi aiuterà con il vostro hobby di fare skin, alcune delle funzioni più importanti sono proprio quella di visualizzare tutte le parti di una skin con i nomi ad esse correlate. Insomma per farla breve, se avete qualche dubbio su una parte da modificare basta usarlo e saprete subito il nome del selettore e quindi dove andare a modificare nel vostro css.


Css Validation: | Download
Un'altro strumento utile è il validatore di css, tramite questo programma che è un sito, vi scannerizza la vostra skin e vi sottolinea gli errori presenti nel css, è molto utile, perchè spesso succede di fare errori di scrittura.


IE Tab | Download
Ci permette di passare da FireFox a Internet Explorer e viceversa, per poter verificare la compatibilità della struttura della nostra skin con i vari browser, con un solo click senza dover aprire tutte le volte un altro browser e di conseguenza rallentare il vostro PC.


Firebug | Download
Modifica e analizza in tempo reale il css e l'html della pagina in modo da trovare e modificare al meglio i selettori per poi riportare tutto il codice in modifica colori e stili.


Colorzilla | Download
Prende esadecimali ed rgb dalle pagina tramite un contagocce


Edited by CioboMario ‘ - 14/5/2009, 15:23
 
Top
view post Posted on 10/5/2009, 09:57

Senior Member

Group:
Member
Posts:
20,011
Location:
Bergamo

Status:


in Web Developer: c'è il tool per la validazione del css, html, feed, links, WAI, ecc

-Comunque consiglio anche IE Tab (ci permette di passare da FireFox a Internet Explorer e viceversa, per poter verificare la compatibilità della struttura della nostra skin con i vari browser, con un solo click senza dover aprire tutte le volte un altro browser e di conseguenza rallentare il vostro PC.)
 
Top
;wrong
view post Posted on 10/5/2009, 11:31




Se posso permettermi consiglio anche:
Firebug Modifica e analizza in tempo reale il css e l'html della pagina in modo da trovare meglio i selettori e modificarli tutti insieme e riportare poi tutto il codice nel modifica colori e stili.
Colorzilla Prende esadecimali ed rgb dalle pagina tramite un contagocce
Stripe generator Genera sfondi a righe oblique
Colour lovers Palettes per tutti i gusti
5qm Textures floreali e vintage
 
Top
view post Posted on 10/5/2009, 11:37

Senior Member

Group:
Member
Posts:
20,011
Location:
Bergamo

Status:


conosco già tutto xD tutti ottimi!
 
Top
Shine;
view post Posted on 10/5/2009, 19:24




Web Developer è uno strumento molto valido!! ^^ l'ho scaricato :D
 
Top
H i r u³
view post Posted on 14/7/2009, 21:14




come faccio con Web Developer a visualizzare i nomi di ogni componente di una skin ?
 
Top
~ Sy
view post Posted on 14/7/2009, 22:07




nella barra che ti apparirà nella finestra di firefox c'è la voce "informazioni" e poi clicca su "mostra dettagli id e class".
 
Top
H i r u³
view post Posted on 14/7/2009, 22:55




Grazie mille :sisi:
 
Top
~FuLl_MoOn*
view post Posted on 29/7/2009, 00:58




come funziona IE Tab? non capisco come passare da un browser all'altro ^^'
 
Top
view post Posted on 29/7/2009, 07:38

Senior Member

Group:
Member
Posts:
20,011
Location:
Bergamo

Status:


CITAZIONE (~FuLl_MoOn* @ 29/7/2009, 01:58)
come funziona IE Tab? non capisco come passare da un browser all'altro ^^'

se metti il suo bottone nella barra degli strumenti e stai ferma con il puntatore sul bottone, ti appare una guida su come usarlo ^^
 
Top
;wrong
view post Posted on 29/7/2009, 11:01




CITAZIONE (~FuLl_MoOn* @ 29/7/2009, 01:58)
come funziona IE Tab? non capisco come passare da un browser all'altro ^^'

Se è lo stesso mio :look: in basso a destra compare una figura con il logo di firefox, cliccaci una volta, attendi e si dovrebbe caricare internet explorer dentro firefox. Per ritornare a firefox, clicca sull'icona di explorer che ha sostituito quella di firefox.

CITAZIONE (~ Sy @ 14/7/2009, 23:07)
nella barra che ti apparirà nella finestra di firefox c'è la voce "informazioni" e poi clicca su "mostra dettagli id e class".

Ricordo che questa cosa è possibile farla anche con firebug. Basta aprire il pannello, selezionare la tab html e spulciare il codice. Se notate a lato compaiono anche i valori (anche eriditari) che sono assegnati ad ogni valore, che potete anche modificare per vedere in tempo reale come potrebbe uscire una modifica.
 
Top
Mike³
view post Posted on 30/7/2009, 16:38




molto utile grazie del post
 
Top
gommyna´
view post Posted on 6/8/2009, 19:22




grazie per aver postato,proprio oggi ho scaricato firefox ;D
 
Top
12 replies since 10/5/2009, 08:30   885 views
  Share