Responsively: testare se i siti web sono responsive
La descrizione in realtà non gli rende giustizia, perchè Responsively fa molto più di questo!
E' un software open source e multipiattaforma che non richiede neanche la registrazione.
Mattepuffo
responsive
Mattepuffo
Creare tabelle responsive in HTML con No More Tables
Precisiamo subito che No More Tables non è un plugin / libreria, ma possiamo definirla una tecnica per rendere le tabella HTML responsive.
Questa tecnica è stata inventata da Chris Coyier, ed oggi ne vediamo un esempio.
In sostanza si tratta di una serie di regole CSS con l'aiuto di un attributo da dare alle celle delle righe.
Mattepuffo
Creare grafici responsive con Google Charts
Una libreria Javascript che sto usando parecchio per la creazione di grafici è Google Chart.
Molto semplice da usare e da includere.
Oggi vediamo come impostare la "modalità" responsive.
In eveirà la cosa è molto semplice: questo il div:
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<column cols="6" class="cols_chart">
<div id="chart_entrate"></div>
</column>
Come vedete non ho impostato misure.
Mattepuffo
Creare siti responsive online con Webflow
Con l'avvento di CSS Framework con Twitter Bootstrap o Foundation, creare siti responsive è diventato molto più semplice.
Anche se adoro questi strumenti, ammetto che per i neofiti non è sempre semplici usarli.
Ed ecco che entrano in gioco strumenti online come Webflow.
Questo è un servizio online gratuito per 14 giorni, previa registrazione gratuita, che consiste in un potente editor (visuale e testuale).
Mattepuffo
Usare le media queries in IE8 con Respod.js
Come sappiamo Internet Explorer 8 non supporta le media queries, che sono invece fondamentali per template responsive.
Questa mancanza fa si che strumenti / framework come Twitter Bootstrap non funzionino su questo browser.
Possiamo però rimediare facilmente usando una libreria Javascript: Respond.js.
Mattepuffo
Testare il responsive design online
Chi al giorno d'oggi sviluppa applicazioni web, sa quanto è importante testare le proprie pagine su dispositivi mobile.
Vista la grande varietà di prodotti, grandezze, sistemi operativi, ecc....rimane quasi impossibile fare un test completo.
Ci vengono, però, in aiuto due siti che permettono di testare il cosidetto responsive senza senza avere una schiera di dispositivi.