Strumenti utili per web designer

Questa settimana torniamo a parlare di Web Design con la rubrica di tools utili da usare nei nostri progetti.

Andremo a parlare di 2 Tools per sfruttare al meglio i fogli CSS, come realizzare una tipografia ottimale per la nostra pagina web, generare facilmente pulsanti di condivisione per i social network e un utile strumento per creare semplici sondaggi interattivi.

Simple CSS Media Queries

css media queries generator

Da quando ho scoperto questo strumento non posso farne a meno. Prima facevo un sacco di confusione con le Media Queries. Era già tanto se mettevo le Media Queries suggerite da Twitter Bootstrap.

Con questo strumento invece è semplicissimo perché basta cliccare i pulsanti desiderati per costruire Media Queries precise per il progetto che vogliamo realizzare. Devi visualizzare la pagina in un certo modo su un apparecchio mobile specifico? Clicca sul modello di telefono preferito e… voilà! Ecco il codice CSS Media Queries da inserire nel tuo foglio di stile.

Vai al sito: Simple CSS Media Queries

Img2CSS

immagine css

Vuoi trasformare una qualsiasi immagine in puro codice CSS? Grazie a questo tool online gratuito puoi farlo in pochi semplici click.

Scegli l’immagine che vuoi trasformare, clicca sul riquadro tratteggiato (o trascina l’immagine sopra) e attendi la trasformazione. Ovviamente è consigliato utilizzare immagini piccole per evitare di sovraccaricare il server.

Vai al sito: Img2CSS

Type Nugget

tipografia per il web

Type Nugget è un tool d’impaginazione online che aiuta il web designer a creare una miglior armonia tipografica, mantenendo una linea semantica in modo che il testo riesca ad avere un’ottima visibilità sia su pc che su dispositivi mobili.

Clicca su “Try it now” per accedere alla dashboard da dove potrai controllare i paragrafi per la creazione del testo. Potrai scegliere tra una ricca lista di font, dare una grandezza di base e un’interlinea adatta. Allo stesso tempo potrai controllare la composizione del testo nella parte sinistra dello schermo e verificare fin da subito la leggibilità.

Vai al sito: Type Nugget

Social Media Sharing Button

button sharing generator

Questo tool permette di creare in pochi minuti dei pulsanti di condivisione dei Social Network senza dover conoscere codice Javascript o altro.

Basta scegliere i Social Network che si vogliono includere, la grandezza e se si vogliono o no le icone. Verrà generato il codice da copiare nel proprio sito.

Vai al sito: social media sharing buttons

Typeforms

creare sondaggi online

Typeform è uno dei tool più utili e semplici online che permettono di creare sondaggi mirati. Puoi usare Typeform per raccogliere feedback sul tuo servizio/prodotto, per organizzare un evento, per fare indagini di mercato e molte altre cose.

Basta cliccare sul pulsante “Create new type form” e seguire le istruzioni per la creazione del sondaggio. Puoi farne uno completamente da zero o selezionare un template tra quelli disponibili.

Vai al sito: Typeforms

Hai Altri strumenti per Web Designer da suggerire? Scrivimelo nei commenti 😉