Tools per Web Designer – Febbraio 2014

The ultimate guide to logo design
Tempo stimato di lettura: 2 minuti, 41 secondi
Pubblicato il 7 marzo 2014

Questa rubrica  vuole  essere uno spazio dove poter raccogliere le risorse più recenti e le nuove tendenze del web design:  tutorial, siti per ispirarsi e tecniche CSS.

Rieccoci con la seconda puntata della rubrica “Tools per Web Designer”. Questo mese, anche se ha avuto meno giorni, ha sfornato tante risorse interessanti per il nostro lavoro e anche tanti spunti su temi caldi (responsive design) su cui riflettere.

Buona condivisione!

Confused About REM and EM?

Facciamo un po’ di chiarezza sull’utilizzo dei REM, degli EM e dei PX.

Rem contro Em

Creating a Border Animation Effect with SVG and CSS

SVG si sta sempre più diffondendo nella realizzazione di animazioni CSS. Questo tutorial ci spiegherà come realizzare una fantastica animazione sui bordi al passaggio del mouse.

Creating a Border Animation Effect with SVG and CSS

Float Labels with CSS

Questa tutorial ci spiegherà come realizzare delle etichette per i form in un modo davvero originale.

Float Labels with CSS

Creating Instagram-Style Photo Filters With jQuery

Ecco come ricreare con jQuery alcuni dei filtri usati da Instagram.

Creating Instagram-Style Photo Filters With jQuery

Scattered Polaroids Gallery

Codrops ci regala da sempre dei tutorial sensazionali di una qualità e di una tecnica che solo tanta sperimentazione riescono a tirare fuori. Questo tutorial ci spiegherà come creare una galleria di foto in stile Polaroid con effetto disordinato.

Scattered Polaroid Gallery

Responsive Design Frameworks: Just Because You Can, Should You?

Smashing Magazine ci propone un’interessante discussione sul perché un professionista oggi dovrebbe utilizzare framework, come Bootstrap o Foundation, per la creazione di siti responsive.

Responsive Design Frameworks: Just Because You Can, Should You?

Kickstart Your Project With INIT And Grunt

Ogni volta che si avvia un progetto, è necessario ripetere sempre determinate azioni e creare alcune strutture: creare nuove cartelle, scegliere un framework  e impostare le attività di sviluppo.  Un modo semplice per non dover ogni volta ripartire da zero è quello di utilizzare strumenti come INIT, il quale mira a fornirti un flusso di lavoro decente e una struttura all’interno del vostro progetto web.

Kickstart Your Project With INIT And Grunt

 7 Pattern Libraries That Will Help Improve Your Web Development Skills

A List Apart è probabilmente il più conosciuto blog di web design su Internet e recentemente ha rilasciato la propria libreria di pattern del sito in maniera open source. La libreria di pattern comprende un’insieme di snippet di codice HMTL e CSS con le soluzioni ai problemi di design adottate per la realizzazione del sito. Insieme ad A List Apart altri big del web hanno rilasciato le loro libreria di patern, tra cui Yahoo, Google e Mailchimp.

7 Pattern Libraries That Will Help Improve Your Web Development Skills

Adaptive Backgrounds jQuery Plugin

Un plugin jQuery molto carino per estrarre i colori dominanti da un’immagine ed usarli come sfondo della propria pagina.

Adaptive Backgrounds jQuery Plugin

The ultimate guide to logo design

La guida completa per la realizzazione di un logo.

The ultimate guide to logo design

Building a Company Team Page with Dynamic Content

Tutorial per creare una pagina di presentazione dei team della propria azienda in modo del tutto dinamico.

Building a Company Team Page with Dynamic Content

Fullscreen Overlay Effects

Creazione di  effetti di sovrapposizione a tutto schermo utilizzando SVG.

Fullscreen Overlay Effects

Tricks with Flexbox for Better CSS Patterns

Qualche trucchetto che può essere realizzato utilizzando i Flexbox. Il tanto odiato allineamento verticale non è mai stato così semplice da realizzare.

Tricks with Flexbox for Better CSS Patterns

Code a Bootstrap 3 Form

Un piccolo snippet su CodePen su come realizzare un fantastico form con Bootstrap 3.

bootstrap3 details css3 codepen form

Risorse gratuite

  • Interessanti risorse, grazie 😉

  • Andrea Novi

    Di niente Andrea 😉

Shares