Alchimie Grafiche
  • Contattaci: +39 328 1323121
Alchimie Grafiche
  • Home
  • Servizi web
    • Ottimizzazione SEO
    • Campagne Adwords
    • Email Marketing
    • Article Marketing
  • Blog
  • Contatti

10 strumenti per il Responsive Web Design

Home| Web Design| 10 strumenti per il Responsive Web Design

09
Ago, 2011
By Enrico Rombaldoni
10 strumenti per il Responsive Web Design
  • Web Design
  • 4 comments

Il concetto di responsive web design è considerato un argomento di stretta attualità tra i web designers di professione. Questo è dovuto al fatto che negli ultimi anni le modalità di accesso ai websites si sono moltiplicate a dismisura grazie allo sviluppo e alla diffusione planetaria di devices sempre più sofisticati e innovativi, soprattutto per quel che riguarda il settore mobile. Ipad, Iphone, Android mobile devices, desktops e netbooks costituiscono differenti mezzi di accesso alla Rete, ad ognuno dei quali corrispondono specifiche caratteristiche tecniche che occorre assolutamente prendere in considerazione nella creazione di un sito web.

Illustriamo di seguito una serie di strumenti utili allo sviluppo di siti internet che siano in grado di adattarsi in maniera reattiva e dinamica (responsive) alle diverse modalità di utilizzo da parte degli utenti.

Lettering.js – E’ un plug-in JQuery che può tornarvi utile per un check-up tipografico del vostro sito web. Avrete in questo modo la possibilità di effettuare un controllo preciso dello spacing, del leading e del kerning, allo scopo di garantire una lettura ottimale per i vostri utenti.

FitText – Si tratta di un plug-in JQuery per la creazione di titolazioni responsive. FitText assicura una visualizzazione ottimale dei titoli su ogni tipo di device. Facile da implementare e da usare.

ImgSizer.js – Come sottolineato da Ethan Marcotte, teorico del responsive web design, questo semplice script gioca un ruolo fondamentale nel rendering delle immagini, in particolar modo su piattaforma Microsoft Windows.

Fluid 960 Grid System – Il punto centrale di ogni responsive web design è la realizzazione di layouts che si adattino alle dimensioni dello schermo e alle caratteristiche del browser. Questo sistema, creato da Nathan Smith, è uno dei più famosi e usati.

Gridless – Un altro agile grid system per la costruzione di responsive layout, focalizzato principalmente sull’adattabilità dei web contents a diverse piattaforme per la lettura multimediale.

PxtoEM – Potente strumento di calcolo per la conversione di unità di misura assolute (px e pt) in unità di tipo relativo come gli ems e le percentuali. Perfetto per convertire dimensioni dei fonts, spacing e larghezza dell’elemento container.

Adobe Device Central – Un aspetto importante del responsive web design è la compatibilità cross-browser. Questo tool di Adobe vi permette di testare l’adattabilità del vostro sito a differenti web devices semplicemente digitando lo Uniform Resourse Identifier (sia in locale che in remoto) nell’apposito spazio indicato.

Web Developer – Estensione gratuita per Firefox e Google Chrome, rappresenta un’ottima alternativa ad Adobe Device Central.

Respond.js – Un leggero script open-source per testare l’adattibilità del vostro sito web ai browser più obsoleti, come IE6 e IE7.

Modernizr – Simile a Respond.js, ma indubbiamente meno leggero, anch’esso vi permette di verificare la compatibilità del vostro sito web sui browser più datati.

In conclusione possiamo affermare che le pratiche per il responsive web design sono ancora ad uno stadio iniziale, ma stanno acquisendo sempre maggiore importanza vista anche la crescente diversificazione degli strumenti e dei metodi di visualizzazione (come ad esempio il 3D). Questo breve elenco di tools rappresenta un buon punto di partenza per il giusto approccio al tema.

About Enrico Rombaldoni

4 Comments

  • By Marco

    Complimenti, bella raccolta…

    • By Enrico Rombaldoni

      Grazie mille Marco, interessanti i servizi che offri nel tuo sito…. magari in futuro potremmo collaborare.

  • By Marco

    Ciao Enrico, ne possiamo parlare quando vuoi… aggiungimi su facebook o skype (ksevil85) cosi’ abbiamo un contatto diretto..

    Marco

  • By Enrico Rombaldoni

    Ok, ora sono ufficialmente un tuo Fan su Facebook! 🙂

Lascia un commento Annulla risposta

Web Hosting

Categorie Articoli

  • Apple
  • Applicazioni
  • Arte
  • Biglietti da Visita
  • Brochure
  • Campagne pubblicitarie
  • Cataloghi
  • Colore
  • Comunicazione
  • Contest
  • Corsi
  • Cover
  • Curriculum
  • Domini e Hosting
  • Drupal
  • E-Commerce
  • eBay
  • Ebook
  • Email Marketing
  • Facebook
  • Flyers
  • Fonts
  • Fotografia
  • Freelancers
  • Grafica
  • Grafica Teorica
  • Icone
  • Immagini
  • Infografiche
  • Inviti
  • Joomla
    • Template
  • Keynote
  • Landing Page
  • Locandine
  • Loghi
  • Magento
  • Marketing
  • Mockup
  • Newsletter
  • Opuscoli
  • Packaging
  • Photoshop
  • Powerpoint
  • Presentazioni
  • Prestashop
  • Promozioni
  • Recensioni
  • Senza categoria
  • SEO
  • T-shirt
  • Template
  • Textures
  • Traduzioni
  • Tumblr
  • Twitter
  • Video
  • Wallpaper
  • Web Design
    • JQuery
    • Mobile
    • Risorse
    • Tools
  • Wordpress
    • Javascript
    • Plugin
    • Temi

Archivio Articoli

logo

Ultime dal blog

19 Maggio 2017 | Enrico Rombaldoni Redazione (e non...

La nostra particolarità è la passione. Il testo di un

28 Luglio 2016 | Federico Antonioni Temi WordPress...

La leggenda narra che il termine “grunge” fu utilizzato per

Contatti

  • Alchimie Grafiche
    Via Cà Lupo, 16A
    61043 Cagli, Pesaro
    Italia
  • Telefono: +39 328 1323121
  • info@alchimiegrafiche.com

Social Networks

© 2015 Alchimie Grafiche | Cagli, Pesaro | Tutti i Diritti Riservati | P.IVA 02167200415 | Privacy & Cookies | Contatti
Gestisci Consenso Cookie
Per fornire le migliori esperienze, utilizziamo tecnologie come i cookie per memorizzare e/o accedere alle informazioni del dispositivo. Il consenso a queste tecnologie ci permetterà di elaborare dati come il comportamento di navigazione o ID unici su questo sito. Non acconsentire o ritirare il consenso può influire negativamente su alcune caratteristiche e funzioni.
Funzionale Sempre attivo
L'archiviazione tecnica o l'accesso sono strettamente necessari al fine legittimo di consentire l'uso di un servizio specifico esplicitamente richiesto dall'abbonato o dall'utente, o al solo scopo di effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica.
Preferenze
L'archiviazione tecnica o l'accesso sono necessari per lo scopo legittimo di memorizzare le preferenze che non sono richieste dall'abbonato o dall'utente.
Statistiche
L'archiviazione tecnica o l'accesso che viene utilizzato esclusivamente per scopi statistici. L'archiviazione tecnica o l'accesso che viene utilizzato esclusivamente per scopi statistici anonimi. Senza un mandato di comparizione, una conformità volontaria da parte del vostro Fornitore di Servizi Internet, o ulteriori registrazioni da parte di terzi, le informazioni memorizzate o recuperate per questo scopo da sole non possono di solito essere utilizzate per l'identificazione.
Marketing
L'archiviazione tecnica o l'accesso sono necessari per creare profili di utenti per inviare pubblicità, o per tracciare l'utente su un sito web o su diversi siti web per scopi di marketing simili.
Gestisci opzioni Gestisci servizi Gestisci fornitori Per saperne di più su questi scopi
Visualizza le preferenze
{title} {title} {title}