Tools per Web Designer – Marzo Aprile 2014

50 essential freebies for web designers
Tempo stimato di lettura: 2 minuti, 47 secondi
Pubblicato il 12 maggio 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.

Dopo la pausa di Marzo e con un piccolo ritardo, rieccoci di nuovo qua con tanti strumenti e articoli utili per la nostra web-professione.

Buona condivisione 😉

Tilted Content Slideshow

Un tutorial per creare uno slideshow con effetti 3D eccezionali.

Tilted Content Slideshow

Geomicons Open – Open Source Icons for the Web

Icone gratuite e open source da usare per i vostri progetti.

Free Open Source Icons for the Web

Taking A Second Look At Free Fonts

Dato l’elevato numero di font gratuiti che la rete mette a disposizione, qual è il modo migliore per abbinarli? Ecco qua alcuni esempi…

Taking A Second Look At Free Fonts

A “Readability First” Approach to Media Queries and Layout

Content First o Mobile First? Prima il contenuto o prima il mobile? Niente di tutto ciò.
Scopriamo oggi un nuovo approccio con questo articolo che pone l’accento invece sulla leggibilità: Readabiliy First.

A Readability First Approach to Media Queries and Layout

Google Grid Gallery

Un tutorial per creare una galleria a griglia basata sulla pagina vista nella guida di introduzione del Chromebook.

Google Grid Gallery

Responsive Full Width Tabs

Tutorial davvero utile per creare delle Tab responsive.

Responsive Full Width Tabs

50 essential freebies for web designers

Tanti strumenti gratuiti e utili selezionati da Web Designer Depot.

50 essential freebies for web designers

Playing with CSS3 Animations

Per chi è alle prime armi con le animazioni in CSS3 questo articolo è d’obbligo.

Playing with CSS3 Animations

3D Grid Effect

Altro tutorial per creare dei simpatici effetti 3D alla vostra griglia.

3D Grid Effect

8 Pure CSS Flat Mobile Devices

8 cellulari ricreati interamente con CSS.

8 Pure CSS Flat Mobile Devices

Spring-cleaning Unused CSS With Grunt, Gulp, Broccoli or Brunch

Come ripulire il nostro CSS dalle parti inutilizzate? Ecco un ottimo articolo su come farlo con Grunt, Gulp, Broccoli o Brunch.
PS: questo è anche l’articolo che ha ispirato il nostro caro Davide De Maestri a scrivere il suo articolo di introduzione a Grunt.

Spring-cleaning Unused CSS With Grunt Gulp Broccoli or Brunch

Font Size Idea: px at the Root, rem for Components, em for Text Elements

Interessante articolo che prova a mostrare un’interessante idea su uno scenario di utilizzo dei px, rem e em per creare la nostra tipografia.

Font Size Idea px at the Root rem for Components em for Text Elements.jpg

Equal Height Columns

Alzi la mano chi non ha mai avuto un cliente che non gli abbia chiesto: “Vorrei che quelle 3 colonne siano alte uguali”. Bene da oggi con questo tutorial non avrete più problemi di altezze.

Equal Height Columns

Frosting Glass with CSS Filters

Ecco come creare un favoloso effetto “appannato”  per il nostro prossimo sito.

Frosting Glass with CSS Filters

Redirect Users After Login In WordPress

Un semplice tutorial che ci spiega come creare un redirect ad una pagina dopo che un utente si è loggato su wordpress.

Redirect Users After Login In WordPress

How to Create a Circular Progress Button

4 modi per creare un Progress Button circolare.

How to Create a Circular Progress Button

Responsive Email Patterns

Tanti modelli per creare la tua newsletter responsive.

Responsive Email Patterns

8 Must Have Free Fonts for your Designs

8 font gratuiti e molto belli da poter utilizzare per il tuo prossimo sito.

8 Must Have Free Fonts for your Designs

Freebie: Flat Style Squared Preloaders (GIF, AEP, PNG)

Un set di immagini animate gratuite per creare dei simpatici preload in stile flat design.

Freebie Flat Style Squared Preloaders

Amazing and fresh WordPress hacks

Interessanti trucchetti da poter utilizzare sul vostro sito in WordPress.

Amazing fresh WordPress hacks

Rethinking Responsive SVG

Interessante articolo che spiega come creare degli SVG responsive che cambiano ad ogni breakpoint.

Rethinking Responsive SVG

The best way to serve fonts to your website

Come inserire al meglio i font sul vostro sito? Questo articolo ci elencherà una serie di metodi per ottimizzare questo processo.

The best way to serve fonts to your website

10 Best New Free Fonts

10 nuovi font gratuiti per il vostro prossimo sito.

10 Best New Free Fonts

  • Davvero un bel riassunto dei mesi di marzo e aprile 🙂
    Mi interessava molto l’ultimo link ma credo che non mi riporti al contenuto corretto 🙁

    • Ciao, grazie per la segnalazione, ho provveduto a correggere il link.
      Buona settimana 😉

  • Sergio Pinna

    Se trovi un icon-font per il php sei un grande!

    • Ciao Sergio,
      cosa intendi per icon-font per PHP?

      • Sergio Pinna

        il simbolo del PHP non si trova facilmente. E’ più facile trovare il simbolo dell’HTML o del CSS ma del PHP è più ostico.

        Anche se a guardar bene non ci sono questi simboli neanche in questa compilation.

        • Ah ok, puoi sempre rimediare trovando un SVG su IconFinder 😉

  • Fabio Gemesio

    “Circular Progress Button” tutta la vita, grazie per i suggerimenti!

Shares