{"id":663,"date":"2013-07-31T18:48:01","date_gmt":"2013-07-31T18:48:01","guid":{"rendered":"http:\/\/maquetando.com\/?p=663"},"modified":"2013-07-31T18:50:21","modified_gmt":"2013-07-31T18:50:21","slug":"5-herramientas-para-pre-visualizar-nuestro-sitio-web-mobil","status":"publish","type":"post","link":"https:\/\/orpot.com\/blog\/5-herramientas-para-pre-visualizar-nuestro-sitio-web-mobil\/","title":{"rendered":"5 herramientas para pre visualizar nuestro sitio web movil."},"content":{"rendered":"<p>En un post anterior \u00a0vimos una extensi\u00f3n llamada <a href=\"http:\/\/maquetando.com\/maquetando\/ripple-extension-para-probar-sitios-moviles-en-chrome\/\" target=\"_blank\">Ripple <\/a>en la cual pod\u00edamos pre visualizar nuestro sitio web en diferentes dispositivos.<\/p>\n<p>Ahora veremos 5 herramientas online \u00a0que podemos usar para pre visualizar nuestro sitio web m\u00f3vil en diferente resoluciones.<\/p>\n<h2><a href=\"http:\/\/app.protofluid.com\/\" target=\"_blank\">ProtoFluid<\/a><\/h2>\n<p><a href=\"http:\/\/app.protofluid.com\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-664\" alt=\"proto_fluid\" src=\"http:\/\/maquetando.com\/wp-content\/uploads\/2013\/07\/proto_fluid.jpg\" width=\"550\" height=\"418\" srcset=\"https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/proto_fluid.jpg 550w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/proto_fluid-300x227.jpg 300w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/proto_fluid-65x50.jpg 65w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>ProtoFluid es una herramienta \u00a0 que permite probar \u00a0nuestros \u00a0sitios web en diferentes tama\u00f1os de pantalla y resoluciones.<\/p>\n<p>S\u00f3lo tenemos que escribir \u00a0la URL del sitio y \u00a0seleccionar \u00a0el dispositivo (o \u00a0la \u00a0dimensi\u00f3n ).<\/p>\n<h2><a href=\"http:\/\/responsive.is\/typecast.com\" target=\"_blank\">Responsive.IS<\/a><\/h2>\n<p><a href=\"http:\/\/responsive.is\/typecast.com\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-665\" alt=\"responsive\" src=\"http:\/\/maquetando.com\/wp-content\/uploads\/2013\/07\/responsive.jpg\" width=\"550\" height=\"399\" srcset=\"https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/responsive.jpg 550w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/responsive-300x217.jpg 300w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/responsive-82x60.jpg 82w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Es otra \u00a0herramienta lista para probar nuestro sitio web en diferentes resoluciones, al igual que ProtoFluid, \u00a0solo hay que escribir la url y listo.<\/p>\n<h2><a href=\"http:\/\/responsivepx.com\/\" target=\"_blank\">Responsivepx.Com<\/a><\/h2>\n<p><a href=\"http:\/\/responsivepx.com\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-666\" alt=\"responsivepx\" src=\"http:\/\/maquetando.com\/wp-content\/uploads\/2013\/07\/responsivepx.jpg\" width=\"550\" height=\"387\" srcset=\"https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/responsivepx.jpg 550w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/responsivepx-300x211.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>La principal caracter\u00edstica que la \u00a0distingue de las dem\u00e1s herramientas , es su capacidad para cambiar el tama\u00f1o de la ventana donde se muestra el sitio web pixel por pixel \u00a0(ancho y alto).<\/p>\n<p>Esta caracter\u00edstica impresionante, te \u00a0permitir\u00e1 identificar los puntos de interrupci\u00f3n en las media queries que implementes.<\/p>\n<h2><a href=\"http:\/\/mattkersley.com\/responsive\/\" target=\"_blank\">Responsive Web Design Testing Tool<\/a><\/h2>\n<p><a href=\"http:\/\/mattkersley.com\/responsive\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-667\" alt=\"responsive_testing\" src=\"http:\/\/maquetando.com\/wp-content\/uploads\/2013\/07\/responsive_testing.jpg\" width=\"550\" height=\"393\" srcset=\"https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/responsive_testing.jpg 550w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/responsive_testing-300x214.jpg 300w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/responsive_testing-82x60.jpg 82w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Esta herramienta a diferencia de las 3 anteriores nos ofrece la ventaja de ver el \u00a0 sitio en diferentes resoluciones al mismo tiempo , una ventaja para depurar para depurar errores.<\/p>\n<h2><a href=\"https:\/\/quirktools.com\/screenfly\/\" target=\"_blank\">ScreenFly<\/a><\/h2>\n<p><a href=\"https:\/\/quirktools.com\/screenfly\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-668\" alt=\"screenfly\" src=\"http:\/\/maquetando.com\/wp-content\/uploads\/2013\/07\/screenfly.jpg\" width=\"550\" height=\"374\" srcset=\"https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/screenfly.jpg 550w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2013\/07\/screenfly-300x203.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nEs una excelente herramienta que le permitir\u00e1 ver su sitio web responde en una variedad de dispositivos: escritorio, tableta, m\u00f3vil y televisi\u00f3n.<\/p>\n<p>Tambi\u00e9n tiene opciones para activar o desactivar el desplazamiento e \u00a0incluso para girar la pantalla.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En un post anterior \u00a0vimos una extensi\u00f3n llamada Ripple en la cual pod\u00edamos pre visualizar&hellip;<\/p>\n","protected":false},"author":1,"featured_media":667,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,5],"tags":[35,17],"_links":{"self":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/663"}],"collection":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/comments?post=663"}],"version-history":[{"count":6,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/663\/revisions"}],"predecessor-version":[{"id":671,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/663\/revisions\/671"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media\/667"}],"wp:attachment":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media?parent=663"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/categories?post=663"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/tags?post=663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}