Índice
Hoy os traemos un artículo esencial para cualquier diseñador web o desarrollador web. ¿Cuántas veces te has preguntado cuáles son las extensiones que deberías tener en tu navegador Chrome? Pues hoy os traemos 10 realmente útiles (y gratis) para diseño web.
Extensiones para desarrolladores y diseñadores web
Puedes acceder y descargar las extensiones para probarlas pinchando en el nombre de cada una. El enlace os lleva al repositorio de extensiones de Google Chrome.
What Font
Con esta extensión podemos inspeccionar y averiguar qué fuente web está utilizando esa página web que nos gusta (o que le gusta a tu cliente).
Windows Resizer
Esta extensión redimensiona la ventana del navegador para emular varias resoluciones. Es particularmente útil para los diseñadores y desarrolladores web, ya que les ayuda a probar sus diseños en diferentes resoluciones de navegador y tamaños de pantallas.
React Dev Tools
Es una extensión de Chrome DevTools para la biblioteca de JavaScript React de código abierto. Te permite inspeccionar las jerarquías de componentes de React en las herramientas de desarrollo de Chrome.
Notion Clipper
Es una extensión que guarda cualquier página web en su espacio de trabajo de Notion. Muy útil para tomar referencias y tener todo ordenado sin que se nos olvide donde vimos esa web que nos gustó.
Fake Filler
Esta extensión llena todas las entradas en una página con datos falsos. Esta extensión que aumenta la productividad es imprescindible para los desarrolladores y diseñadores que trabajan con formularios.
Wireframify
Con esta extensión de Chrome podrás ver el esqueleto de cualquier web: sus wireframes. Puede resultar útil si estás comenzando un proyecto web y necesitas fijarte en la estructura de otras ya existentes.
ColorZilla
De manera similar a What Font, esta extensión te permite obtener el color de cualquier píxel del sitio web. Pero además viene con herramientas útiles como un navegador de paleta y un generador de degradado.
Wappalyzer
Esta extensión es un generador de perfiles de tecnología que muestra con qué se construyen los sitios web. Te permite ver qué CMS utiliza un sitio web y cualquier framework, e-commerce, bibliotecas de JavaScript y muchos más. ¿Quieres saber si esa web que quieres imitar es un WordPress o un Prestashop?
Google Font Previewer for Chrome
Si necesitas probar cómo quedaría una fuente de Google Fonts en tu web, esta extensión te permite seleccionar de entre las más de 10000 fuentes que Google Fonts tiene y probarlas en tu pantalla y mostrársela al cliente.
Web Developer
Agrega una barra de herramientas a tu navegador con opciones para muchas funciones útiles: activación/desactivación de scripts, funciones para controlar cookies o para buscar métodos para crear formularios, imágenes, estilos, etc. ¡Un imprescincible!
Esperamos que os haya resultado útil y puedas sacarle el máximo provecho a este pequeño (pero potente) artículo. Si eres desarrollador o diseñador web, deberías de probarlas. ¿Cuál echáis en falta?