Strumenti e Applicazioni per Web Designer [Novembre 2013]

Continua la rubrica mensile sulle applicazioni dedicate al mondo del Web Design.

Per eventuali segnalazioni o suggerimenti puoi contribuire a questa rubrica inviandomi un messaggio nella pagina dei contatti o commentando l’articolo.

Social Buttons for Bootstrap

Utile estensione per il framework di Twitter Bootstrap. L’estensione è stata realizzata unendo la potenza di Bootstrap a Font Awesome. Puoi usarla nei tuoi progetti di design tramite classi già pronte.

Hai due azioni per l’attivazione dei pulsanti: Vanilla CSS o LESS. Per aggiungere i pulsanti non devi far altro che incollare il file CSS e aggiungere le classi dove vuoi far apparire il pulsante:

 <a class="btn btn-block btn-social btn-twitter">
    <i class="fa fa-twitter"></i> Sign in with Twitter
  </a>

Qui puoi trovare il plugin: Pulsanti social per Bootstrap.

Coggle – Mappe Mentali

Coggle è un ottima applicazione che permette di creare semplici mappe mentali che ti possono aiutare nella realizzazione dei tuoi progetti.

Si possono creare mappe mentali sia individualmente che attraverso un team, condividendole e modificandole con amici e colleghi. Si possono aggiungere foto ed immagini con un semplice drag-and-drop senza limiti di spazio.

L’applicazione è completamente gratuita. La puoi trovare a questo indirizzo: vai a Coggle.

WebProjector – Mostra i tuoi progetti di Design su Browser

Con questo strumento online si possono mostrare i propri progetti di web design (Mockup in PNG o JPG) direttamente su Browser Web. In questo modo è più facile dare un’idea al cliente tramite una dimostrazione reale su web.

Personalmente uso QwikVu, molto simile a WebProjector. Sono entrambi buoni e del tutto gratuiti.

Per iniziare ad usare l’applicazione collegati a questa pagina: vai a WebProjector.

Font Combiner – Combinazioni di Font

Quante volte ti sei trovato a dover aprire photoshop, installare font e scorrere la carrellata dal menu per decidere la combinazione più adatta al progetto? Una vera scocciatura!

Con Font Combiner puoi avere centinaia di font gratuiti, migliaia di icone gratis in PNG o SVG e un misuratore per il controllo della spaziatura dei caratteri. Un applicazione assolutamente da provare.

La puoi trovare qui: vai a Font Combiner.

Bariol Font – Font e Icone Web

E sempre a proposito di Font, ecco una bellissima raccolta da scaricare e utilizzare nei propri progetti. Il font è disponibile in versione Thin – Light - Bold (sia normale che corsivo). È inoltre disponibile un’ottima raccolta di icone (280) tra cui le figure dei Simpson!

Qui per acquistare: Download the Bariol Family.