pruebas para ver la sensibilidad de los sitios web en relación a múltiples tamaños de pantallas, a continuación se da a conocer algunos recursos disponibles: ✔
The
Responsive.is responsive.is
✔
Responsivepx responsivepx.com
✔
QuirkTools quirktools.com/screenfly/
✔
Pixel Perfect Responsive Design Testing Tool screenqueri.es
✔
Screenfly quirktools.com/screenfly/
✔
Developer Toolbar - Microsoft Internet Explorer http://www.microsoft.com/downlo ad/en/details.aspx?id=18359
Sitios web de inspiración A continuación algunos ejemplos disponibles en la web donde podemos ver cómo funciona el diseño sensible: ✔
mediaqueri.es
www.jamus.co.uk/demos/rwd demonstrations/
✔
www.warface.co.uk/
✔
reverseburo.com/
Media
Bookmarklet
✔
seesparkbox.com/foundry/media_q uery_bookmarklet/
atlason.com/
✔
www.hangingupthemoon.com/
Demonstrating
Matt
Responsive
Query
Kersley’s
Responsive
Design
Tool
mattkersley.com/responsive/
Extensiones para navegadores ✔
Firesizer - Firefox https://addons.mozilla.org/en US/firefox/addon/firesizer/
✔
✔
✔
✔
Responsinator
responsinator.com
✔
mmilcgefonfh
Windows Resizer - Chrome https://chrome.google.com/webst ore/detail/kkelicaakdanhinjdeam
Conclusiones ✔
El diseño sensible proporciona una mejor y más inclusiva experiencia del usuario en relación que un diseño fijo.
✔
En la web se tienen gran cantidad de recursos que posibilitan realizar la adopción de los sitios web sin el excesivo consumo de recursos.
Recursos consultados [1] Frain, B. (2012). Responsive Web Design with HTML5 and CSS3. Packt Publishing. [2] Gartner. (23 de 10 de 2012). Gartner Identifies the Top 10 Strategic Technology Trends for 2013. Obtenido de http://www.gartner.com/it/page.jsp?id=2209615 [3] Hallander, E. (02 de 04 de 2012). visualjazzisobar. Obtenido de http://www.visualjazz.com.au/ en/news/2012/4/2/A_plea_for_device_agnostic_web_development_part1/ [4] Kadlec, T. (2013). Implementing Responsive Design. New Riders. [5] UI, K. (2012). Mobile Developer Guidance. Obtenido de http://www.kendoui.com/Libraries/Documents/mobile-developer.sflb.ashx [6] http://dev.w3.org/html5/decision-policy/html5-2014-plan.html