CARICAMENTO...
  1. Strumenti utili per web designer e sviluppatori
  2. Adobe XD: un interessante software in beta da tenere d'occhio
  3. Illustrator CC e il web design: l'accoppiata vincente
  4. I cardini del design responsivo
  5. 7 esempi di timeline pazzesche nel web design
1 / 5

Strumenti utili per web designer e sviluppatori

4620 VISUALIZZAZIONI
PUBBLICATO IL: 11 Aprile 2017

Oggi vogliamo occuparci di coloro che lavorano per il web e ogni giorno perdono la vista (e la pazienza) dietro al codice, di coloro che subiscono le richieste pressanti dei clienti che vogliono tutto entro… “ieri” e più il computer capisce che siete di fretta più sembra diventare lento… e la connessione internet sembra svanire…



Abbiamo raccolto una serie di strumenti super utili per web designer e sviluppatori, ovviamente gratuiti, che possono dare una mano e chi deve creare pagine web.

Si tratta di strumenti che si possono utilizzare online, senza bisogno di scaricarli e che possono aiutare i professionisti più esperti a non perdere tempo prezioso, ed i web developer alle prime armi a muovere i primi passi in questo mondo.

Strumenti utili

1. Shorthand

È una piattaforma per long-stories che permette di costruire narrazioni attraverso l’utilizzo di più strumenti narrativi: testi, foto, video ma non solo. Tutto senza scrivere una linea di codice e facendo vivere al lettore un’esperienza totalmente immersiva. U no dei suoi punti di forza è la gestione dei contenuti che possono essere ordinati graficamente in vari modi e dando più soluzioni espressive all’autore. Per aiutarti nella sintesi puoi affidarti a Shorthand uno strumento da consultare online, che fa il “lavoro sporco” al tuo posto.

Shorthand

2. Gridlover

È una web app che ti aiuterà a posizionare i font all’interno della tua pagina gestendo gli spazi con coerenza. Permette di gestire visivamente la grandezza del font, la distanza tra le righe e tra i paragrafi e così via. Una volta ottenuto il risultato che ti piace puoi direttamente scaricare il codice CSS e riportare i parametri all’interno del tuo foglio di stile.

Gridlover

3. Fibonacci Flexbox Composer

Ti permette di creare visivamente un layout composto da box di varie dimensioni e di esportare comodamente il codice HTML o CSS. Perfetto per chi non ha molta dimestichezza con il codice e vuole creare box di contenimento da riempire, poi, con contenuti ed immagini.

fibonacci flexbox composer

4. Pexels

È una scatola delle meraviglie: offre una vasta serie di immagini gratuite da scaricare ed utilizzare per ogni tipo di progetto. La licenza è Creative Commons 0 che permette di utilizzare le immagini come meglio credi senza bisogno di citazioni o permessi da parte dell’autore.

Pexels

5. Css shrink

Questo modulo è stato progettato per alleggerire i files e, di conseguenza, velocizzare il sito web e diminuire i tempi di upload.

css shrink

6. Enpass

Ecco un’applicazione multipiattaforma sviluppata per far memorizzare all’utente tutte le sue password (e non vi chiamerà più). Scoprite come fare all’enpass.io.

Enpass

7. Bounce

Bounceapp è un modo veloce per avere un feedback su una pagina web.

Bounceapp

8. Gradients

Photoshop? Magari non lo amate tanto…  ma sicuramente il vostro collega grafico saprà supportarvi e spiegarvi qualche metodo di fusione: scaricate questa raccolta e avrete una varietà infinita di elementi.

http://bennettfeely.com/gradients/

9. Octicons

Questo pacchetto vi tornerà utile quando avrete bisogno di icone per creare il vostro sito web. Sono versatili, super creative e divertenti, chiare e gratis, ce ne sono per tutti i gusti. Per averle, cliccate qui.

octions

E se volete tenervi aggiornati sul mondo della creazione e implementazione dei siti internet, potete sintonizzarvi sui nostri canali dedicati al web della TutorialTV con un clic qui.

 

Strumenti utili per web designer e sviluppatori

FOCUS TAG

COMMENTI (1)

Tobias
26 Maggio 2015 - 19:51
Thanks for this list: One more source for free images i can recommend you it's https://plixs.com

Lascia un commento


Pubblica commento

Total-Photoshop è di proprietà di Logic Comunication s.r.l.
Via Salvo D'acquisto 2, 21100 Varese - P.iva: 03798290122