Domanda [TOOL] La raccolta dei migliori TOOL per il WebMaster

Stato
Discussione chiusa ad ulteriori risposte.

Biuni

Utente Gold
16 Dicembre 2014
304
59
160
343
Ultima modifica:
LA RACCOLTA DEI MIGLIORI TOOL PER IL WEB MASTER

Codepen - www.codepen.io - Raccolta di migliaia di RELEASE di WebDesigner da tutto il mondo che possono essere fonte d'ispirazione per il vostro lavoro!

imageme.ga - www.imageme.ga - immagini random o personalizzate raggiungibili tramite un semplice link utili per inserire come immagini di prova in layout web.

Paletton - www.
paletton.com - Una tavolozza di colori nel web che abbina in automatico i colori più adatti al vostro pattern di partenza. Utilissima per la scelta dei colori da usare.

MapBox - www.mapbox.com - Una mappa tutta da personalizzare cosi da renderla adatta stilisticamente al tuo sito. Una valida alternativa a Google Maps.

Pears - www.pea.rs - Layout in HTML5 di articoli, liste, navigazione e molto altro ancora pronti all'utilizzo. Un ottima soluzione per risparmiare tempo.

IconMoon - www.iconmoon.io - Vi serve un icona? Questo è il posto adatto a voi. Potete sceglierla se scaricarla come PNG, SVG oppure FONT.

Media Query Generator - www.gionaf.com - Visto il tanto utilizzo che si fa delle Media Query con l'avvento del Design Responsivo questo generatore di MQ vi sarà molto utile.

Animate CSS - daneden.github.io - Con l'avvento del CSS3 sono state implementante le animazioni CSS. Qui avrete a disposizione una raccolte di tutte queste funzioni con tanto di foglio di stile già pronto scaricabile gratuitamente.

We Love Icon Font - www.weloveiconfonts.com - Le tanto amate IconFont sono pronte all'uso in questo sito. Per la spiegazione di cosa sono e come funzionano potete vedere questa mia guida.

Css Reset - www.cssreset.com - La raccolta di tutti i più famosi RESET per css. Scegliete quello che fa al vostro caso e copiatevelo nel vostro foglio di stile.

Codrops - www.tympanus.net - Centinaia di tutorial fantastici con la possibilità di scaricare i file sorgente della demo proposta.

Css Gradient Generator - www.colorzilla.com - Un tool ottimo per fare le sfumature con il semplice uso del css.

PageSpeed - developers.google.com - Vi danno fastidio i caricamenti lentissimi dei siti web? Usate questo PageSpeed Calculator cosi da evitare che il vostro sito diventi come uno di quelli.

Border Radius - www.border-radius.com - Se vi serve un DIV con gli angoli arrotondati usate questo tool per farlo.

CSS3 Click Chart - www.css3clickchart.com - Un utilissimo tool per controllare la validità delle funzioni CSS nei vari browser e nelle varie versioni. (Anche Mobile Browser)

Responsive Grid - www.responsivegridsystem.com - Volete creare un sito responsive e avete bisogno di una "griglia" che si adatti alle risoluzioni per smartphone, ecco a voi dove trovarla.

Bounce JS - www.bouncejs.com - Una libreria JS che vi crea animazioni in CSS con pochi semplici passi e vi fa esportare il codice con il semplice copia incolla nel vostro CSS. (No Javascript, solo CSS Animation)

Framework HTML5 - www.inforge.net - Guida redatta da me riguardo i migliori framework per HTML5. Completa di descrizione, motivazione della classifica e link alla pagina di download del framework.

Facebook URL Debugger - developers.facebook.com - Un debugger creato da Facebook stessa nel quale potremo inserire un link per controllare l'effettiva funzionalità di condivisione sul social network. Molto utile.

Guida in continuo aggiornamento...
 
Se può essere d'aiuto in questo articolo ho raccolto i migliori strumenti per fare web marketing.
Con migliori tool per "webmaster" però cosa intendi? Strumenti per costruire in HTML/CSS oppure anche tutto quanto ruota attorno ai social, ai metodi di monetizzazione, strumenti SEO, ecc...?

Io pensavo di fare una cosa abbastanza ampia inserendo tutto quello che poteva essere davvero utile ad uno web master, da quello alle prime armi a quello che già ci sa fare. Mi sembrava buona idea visto che mi capita spesso di cercare qualche tool che mi aiuti nel fare qualcosa.
 
Ultima modifica:
Sinceramente fino ad adesso ho utilizzato: il classico google immagini come fonte di ispirazione (e da oggi in poi darò un'occhiata anche a codepen), paletton (o in alternativa ho anche usato quello dell'adobe), flatuicolorpicker e weloveiconfonts.
Pears non lo conoscevo, e probabilmente lo userò qualche volta, anche se ho dei dubbi... Non vorrei che utilizzando sempre gli stessi layout e grafica diventi monotono, e analogamente non vorrei che modificando il codice copiato, io arrivi ad impiegare più tempo di quello che avrei passato facendolo da zero. Il resto mai usati, trovo più comodo scrivere a mano che aprire il sito e farlo da li, ma per qualcuno che ha iniziato da poco e non sa di preciso cosa scrivere può essere utile, sia per imparare che per risparmiare tempo.
 
Sinceramente fino ad adesso ho utilizzato: il classico google immagini come fonte di ispirazione (e da oggi in poi darò un'occhiata anche a codepen), paletton (o in alternativa ho anche usato quello dell'adobe), flatuicolorpicker e weloveiconfonts.
Pears non lo conoscevo, e probabilmente lo userò qualche volta, anche se ho dei dubbi... Non vorrei che utilizzando sempre gli stessi layout e grafica diventi monotono, e analogamente non vorrei che modificando il codice copiato, io arrivi ad impiegare più tempo di quello che avrei passato facendolo da zero. Il resto mai usati, trovo più comodo scrivere a mano che aprire il sito e farlo da li, ma per qualcuno che ha iniziato da poco e non sa di preciso cosa scrivere può essere utile, sia per imparare che per risparmiare tempo.

Come già detto in precedenza questa guida è rivolta a tutti i Web Master, da quelli alle prime armi a quelli più esperti, per questo ci sono tante tipologie di TOOL. Spero comunque sia che ti sia rimasta utile questa guida :)


Grazie mille, lo inserisco subito.

- - - Updated - - -

Inseriti i seguenti TOOL:


  • Page Speed Calculator
  • Border Radius
  • CSS3 Click Chart
 
Come già detto in precedenza questa guida è rivolta a tutti i Web Master, da quelli alle prime armi a quelli più esperti, per questo ci sono tante tipologie di TOOL. Spero comunque sia che ti sia rimasta utile questa guida :)



Grazie mille, lo inserisco subito.

- - - Updated - - -

Inseriti i seguenti TOOL:


  • Page Speed Calculator
  • Border Radius
  • CSS3 Click Chart
Si, come ho già detto utilizzerò codepen e forse pears, quindi mi è stata utile.

Ps: mi sono appena ricordato di un sito chiamato responsivegridsystem, non ricordo il nome preciso, e adesso sono dal cellulare quindi non posso controllare. Dagli un'occhiata.

Inviato dal mio GT-I9301I utilizzando Tapatalk
 
  • Mi piace
Reazioni: Biuni
Si, come ho già detto utilizzerò codepen e forse pears, quindi mi è stata utile.

Ps: mi sono appena ricordato di un sito chiamato responsivegridsystem, non ricordo il nome preciso, e adesso sono dal cellulare quindi non posso controllare. Dagli un'occhiata.

Inviato dal mio GT-I9301I utilizzando Tapatalk

Trovato e aggiunto! Non lo conoscevo ma sembra utile! Grazie mille :yo:
 
Aggiunto BounceJs [ www.bouncejs.com ] Una libreria JS che vi crea animazioni in CSS con pochi semplici passi e vi fa esportare il codice con il semplice copia incolla nel vostro CSS. (No Javascript, solo CSS Animation)
 
Avevo sentito parlare di Codepen ma la mia pigrizia mi aveva vietato di capire cosa fosse :asd:

Anyway, a mio parere due strumenti indispensabili, almeno per me, quando devo sviluppare siti con supporto a IE<9, sono Respond.js e html5shiv.
 
  • Mi piace
Reazioni: Biuni
Stato
Discussione chiusa ad ulteriori risposte.