{"id":1540,"date":"2016-02-01T22:28:34","date_gmt":"2016-02-02T03:28:34","guid":{"rendered":"https:\/\/mott.pe\/marketing-digital\/?p=1540"},"modified":"2023-08-30T08:13:50","modified_gmt":"2023-08-30T13:13:50","slug":"extensiones-de-chrome-que-todo-disenador-debe-conocer","status":"publish","type":"post","link":"https:\/\/mott.marketing\/extensiones-de-chrome-que-todo-disenador-debe-conocer\/","title":{"rendered":"10 extensiones de Google Chrome que todo dise\u00f1ador debe conocer"},"content":{"rendered":"

En un art\u00edculo anterior hicimos una lista con las 10 extensiones SEO m\u00e1s utilizadas en Google Chrome<\/a>, <\/strong>en esta oportunidad\u00a0<\/strong>te presentaremos una lista con las 10 mejores extensiones de Chrome<\/strong> que le podr\u00edan facilitar la vida a cualquier dise\u00f1ador.<\/p>\n

1.- Instant Wireframe<\/b><\/h2>\n

En primer lugar, una de las extensiones m\u00e1s populares de Google Chrome para dise\u00f1adores<\/strong> es Instant Wireframe. Gracias a esta herramienta, el dise\u00f1ador tiene la posibilidad de ver c\u00f3mo es que una p\u00e1gina web fue construida. Tiene la capacidad de observar sus Wireframes, es decir, su esqueleto.<\/p>\n

De esta manera, Instant Wireframe brinda la oportunidad de verificar otras p\u00e1ginas web y ver c\u00f3mo es que est\u00e1n conformadas. As\u00ed, estas pueden servir de gu\u00eda para desarrollar la nuestra y agregarle elementos que la transformen en una p\u00e1ginas m\u00e1s eficiente.<\/p>\n

\"extension
https:\/\/chrome.google.com\/webstore\/detail\/instant-wireframe\/pmpmnmbgidlnoamkpmcikaejhmeldnha?hl=es<\/figcaption><\/figure>\n

2.- Full page Screen Capture<\/b><\/h2>\n

Esta es una de las\u00a0extensiones de Chrome<\/strong>\u00a0que no solo ayuda a un dise\u00f1ador o programador, sino que tambi\u00e9n puede ser \u00fatil para cualquier otra persona que necesite capturar la imagen de una p\u00e1gina web entera. Emplear esta extensi\u00f3n no es dificil. Lo \u00fanico que se debe hacer es apretar el \u00edcono de Full Page Screen Capture e inmediatamente se abrir\u00e1 una ventana con la captura de la p\u00e1gina completa.<\/p>\n

\"extension
https:\/\/chrome.google.com\/webstore\/detail\/full-page-screen-capture\/fdpohaocaechififmbbbbbknoalclacl?hl=es<\/figcaption><\/figure>\n

3.- Colorzilla<\/b><\/h2>\n

El sue\u00f1o cumplido de todo dise\u00f1ador. Con Colorzilla existe la posibilidad de crear la paleta de colores de una p\u00e1gina web a partir de solo un color. Si el dise\u00f1ador busca realizar degradados dentro de la p\u00e1gina, lo puede hacer. La extensi\u00f3n genera un c\u00f3digo CSS que ayuda a encontrar la gama de colores exacta para no tener que volver a hacer todo.<\/p>\n

\"extension
https:\/\/chrome.google.com\/webstore\/detail\/colorzilla\/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=es<\/figcaption><\/figure>\n

4.- Responsive Web Design Tester<\/b><\/h2>\n

En este caso, la extensi\u00f3n Responsive Web Designer tiene la principal funci\u00f3n de comprobar si el sitio web de una marca es adaptable para distintos tipos de dispositivos. En otras palabras, busca que el contenido se pueda adaptar a los diferentes tipos de pantalla.<\/p>\n

\"extension
https:\/\/chrome.google.com\/webstore\/detail\/responsive-web-design-tes\/objclahbaimlfnbjdeobicmmlnbhamkg?hl=es<\/figcaption><\/figure>\n

 <\/p>\n

5.- What Font<\/b><\/h2>\n

Esta extensi\u00f3n de Google Chrome posibilita que el dise\u00f1ador obtenga de una manera m\u00e1s f\u00e1cil el tipo de letra que est\u00e1 buscando. Una de sus caracter\u00edsticas principales es que si encuentra una imagen que contiene un tipo de letra que no logra identificar, esta herramienta la logra encontrar.<\/p>\n

\"extension
https:\/\/chrome.google.com\/webstore\/detail\/whatfont\/jabopobgcpjmedljpbcaablpmlmfcogm<\/figcaption><\/figure>\n

 <\/p>\n

6.- Page Ruler<\/b><\/h2>\n

Otra de las extensiones de Chrome<\/strong> que facilita la vida de un dise\u00f1ador web es Page Ruler. Esta se encarga de medir todo lo que desee el usuario. Para esto, la extensi\u00f3n utiliza una regla que brinda la posibilidad de alinear los elementos que el usuario busqie implementar en la p\u00e1gina web.<\/p>\n

\"extension
https:\/\/chrome.google.com\/webstore\/detail\/page-ruler\/jlpkojjdgbllmedoapgfodplfhcbnbpn<\/figcaption><\/figure>\n

 <\/p>\n

7.- Image Downloader<\/b><\/h2>\n

Si el objetivo de un dise\u00f1ador es poder descargar todas las im\u00e1genes de un sitio web, entonces, Image Downloader es la extensi\u00f3n que se deber\u00eda utilizar para lograrlo. Tan solo con apretar el link descargado de la extensi\u00f3n, esta, autom\u00e1ticamente descarga todas las im\u00e1genes en orden de una p\u00e1gina web.<\/p>\n

\"extension
https:\/\/chrome.google.com\/webstore\/detail\/image-downloader\/cnpniohnfphhjihaiiggeabnkjhpaldj<\/figcaption><\/figure>\n

 <\/p>\n

8.- Evernote Web Clipper<\/b><\/h2>\n

En octavo lugar se encuentra la extensi\u00f3n Evernote Web Clipper. Esta tiene la capacidad de guardar todo el contenido de inter\u00e9s de una p\u00e1gina web en la cuenta personal del dise\u00f1ador. Adem\u00e1s, brinda la posibilidad de compartir este contenido por correo electr\u00f3nico o creando un enlace URL, en el cual se pueda modificar si es necesario.<\/p>\n

\"extension
https:\/\/chrome.google.com\/webstore\/detail\/evernote-web-clipper\/pioclpoplcdbaefihamjohnefbikjilc<\/figcaption><\/figure>\n

 <\/p>\n

9.- RescueTime<\/b><\/h2>\n

Tanto a los dise\u00f1adores como a otros profesionales o estudiantes les puede servir esta extensi\u00f3n de Google Chrome. Rescue Time se caracteriza por realizar un an\u00e1lisis personal de cada persona. En otras palabras, su principal funci\u00f3n es identificar cu\u00e1nto tiempo est\u00e1 invirtiendo la persona en realizar alguna tarea. Dependiendo de los resultados, esta podr\u00eda proponerse mejorar o cambiar ciertos h\u00e1bitos.<\/p>\n

\"extension
https:\/\/chrome.google.com\/webstore\/detail\/rescuetime-for-chrome-chr\/bdakmnplckeopfghnlpocafcepegjeap<\/figcaption><\/figure>\n

 <\/p>\n

10.- Stylebot<\/b><\/h2>\n

Por \u00faltimo, Stylebot es una extensi\u00f3n muy \u00fatil para los dise\u00f1adores, ya que debido a ella, es posible que este pueda manipular el contenido CSS y verificar su comportamiento en vivo. Cuando se desarrolla una p\u00e1gina web, un dise\u00f1ador busca asegurarse que esta se vea lo suficientemente agradable para gustarle a su p\u00fablico. Por esa raz\u00f3n, tiene que estar cambiando constantemente la apariencia del sitio y probar cu\u00e1l es el mejor estilo.<\/p>\n

\"extension
https:\/\/chrome.google.com\/webstore\/detail\/stylebot\/oiaejidbmkiecgbjeifoejpgmdaleoha<\/figcaption><\/figure>\n

 <\/p>\n

Conclusi\u00f3n<\/b><\/h2>\n

Todo profesional del dise\u00f1o web<\/strong> se encuentra en constante b\u00fasqueda de herramientas que le puedan facilitar su tarea diaria. En este caso, la finalidad de este art\u00edculo ha sido poder ayudarlo un poco con un resumen de las 10 mejores extensiones de Chrome<\/strong> que todo dise\u00f1ador deber\u00eda conocer. Su objetivo es lograr optimizar tiempos y que el profesional en dise\u00f1o las vea\u00a0como aliadas en su trabajo.<\/p>\n","protected":false},"excerpt":{"rendered":"

En un art\u00edculo anterior hicimos una lista con las 10 extensiones SEO m\u00e1s utilizadas en Google Chrome, en esta oportunidad\u00a0te presentaremos una lista con las 10 mejores extensiones de Chrome que le podr\u00edan facilitar la vida a cualquier dise\u00f1ador. 1.- Instant Wireframe En primer lugar, una de las extensiones m\u00e1s populares de Google Chrome para …<\/p>\n

10 extensiones de Google Chrome que todo dise\u00f1ador debe conocer<\/span> Leer m\u00e1s »<\/a><\/p>\n","protected":false},"author":4,"featured_media":1571,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","footnotes":""},"categories":[34],"tags":[59],"_links":{"self":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/posts\/1540"}],"collection":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/comments?post=1540"}],"version-history":[{"count":0,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/posts\/1540\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/media\/1571"}],"wp:attachment":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/media?parent=1540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/categories?post=1540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/tags?post=1540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}