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.

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.

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.

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.

5. Css shrink

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

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.

7. Bounce

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

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.

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.

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.