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.