La mayoría de los desarrolladores web utilizan Chrome para su desarrollo. Según Wikipedia, aproximadamente el 65% de la población mundial parece usar Chrome, esta es una de las razones por las que los desarrolladores eligen Chrome para probar una aplicación creada por ellos.
Por tanto, si eres un desarrollador que utiliza el navegador Chrome, tienes infinitas de extensiones de Chrome que te facilitarán el trabajo de tu día a día.
A continuación, vas a encontrar 10 de las mejores extensiones para Chrome, si eres desarrollador front end.
1. Colorzilla
Colorzilla proporciona un selector de color junto con otras características, como un generador de gradientes, un analizador de código de página web y todo lo que necesitas para trabajar con los colores de una página web. La extensión, también está disponible para Firefox.
2. Visor de CSS
Esta herramienta muestra todas las propiedades CSS asociadas con el elemento sobre el que pasemos el cursor. Mediante un panel flotante, se te mostrarán todos los detalles, como la fuente tipográfica, los colores, el posicionamiento, etc. además, te permite copiar el CSS fácilmente.
3. WhatFont
WhatFont es la forma más sencilla de averiguar que fuente tipográfica se utiliza en una página web. Cuando seleccionas la extensión, moviendo el cursor sobre un texto concreto, se mostrará la fuente del texto.
4. Borrar caché
Clear Cache es una extensión con la que podremos borrar la cache con tan solamente un Clic. Servirá pulsar sobre el botón de la extensión, para que se borren todos los datos de la caché y el resto de información almacenada de forma temporal dentro del navegador. Con esta extensión, puedes olvidarte de tener que ir a la configuración del navegador para realizar el borrado de datos temporales.
5. JSONView
JSONView validar y te permite ejecutar y ver la ejecución de los documentos JSON
application/json
. A veces, los ficheros .JSON son complicados de visualizar a través del DOM y aquí es donde JSONView te será útil.
6. React para Desarrolladores
Si eres un desarrollador React, la siguiente extensión te será imprescindible. Con React for Developers vas a poder inspeccionar la jerarquía de los componentes, accesorios y estados de React, también te ayudará a cambiar accesorios y estados con el propósito de realizar depuraciones.
? Probar React Developer Tools
7. Ember Inspector
Ember Inspector es una herramienta que se puede utilizar para depurar aplicaciones Ember. Ember Inspector te muestra las rutas, modelos, componentes y todos los demás elementos de Ember presentes en una aplicación de Ember.
8. Web Developer
Web Developer hace la vida de un programador o diseñador más fácil. Ayudándote a manipular las imágenes, cambiar los diseños de página, implementar reglas, alinear los elementos, etc.
9. Auditoría de jQuery
jQuery Audit crea una barra lateral que contiene los eventos delegados de jQuery, datos internos y más, como nodos, funciones y objetos DOM en vivo. Se utiliza para auditar los eventos delegados, los datos y todo lo relacionado con jQuery.
10. Inspector de Meta SEO
El Inspector SEO se utiliza para encontrar los metadatos presentes dentro de una página, lo que normalmente no está disponible durante la navegación. Los metadatos no son solo las metaetiquetas HTML habituales, sino que también las etiquetas XFN, los microformatos, el atributo canónico introducido, los enlaces nofollow, etc.
Relacionado
Un campo de juego en línea avanzado para Tailwind CSS, que incluye soporte para cosas como: Personalización de tu archivo tailwind.config.js Extraer clases con @apply Finalización de código con vista previa instantánea Perfecto para aprender cómo funciona el framework de Tailwind CSS y crear un prototipo de una nueva idea o crear una demostración para compartir en línea. PROBAR EL PLAYGROUND DE TAILWIND CSS PLAY
Aún estés demasiado perezoso para escribir una carta o correo electrónico demasiado grande, siempre puedes dictarlo o grabarlo a través de un audio para posteriormente enviarlo por Gmail. ? INSTALAR EXTENSIÓN VOCAL PARA CHROME La función de enviar mensajes de voz ya ha aparecido en casi todas las redes sociales y mensajería instantánea, pero en Gmail todavía no lo es. Los desarrolladores de terceros han decidido ¡SEGUIR LEYENDO!
Lee, recopila y resalta artículos con estilo. Unclutter es un nuevo tipo de modo de lectura que mantiene intacto el estilo visual de los artículos. Además, guarda automáticamente los artículos instantáneamente en el navegador.
Extensión para Firefox https://ciberninjas.com/lectores-epub-libros-electronicos/ Céntrate en la lectura A diferencia de todos los demás modos de lectura, Unclutter modifica los [estilos CSS de un sitio web para eliminar anuncios ¡SEGUIR LEYENDO!
Themer es una aplicación online capaz de tomar un conjunto de colores y generar plantillas completas para tu entorno de desarrollo. Personalizar el diseño de tu Interfaz de Usuario con Themer será cosa de niñ@s. https://ciberninjas.com/mejores-editores-texto/ ¿Sabes que es lo mejor de todo? Con Themer no vas a estar limitado a la edición para una sola aplicación, vas a poder utilizar las plantillas con tu diseño ¡SEGUIR LEYENDO!
Los mejores cursos en inglés y en oferta, hasta el día 27. Los cursos incluidos aquí son todos en inglés. Revisa por aquí, entre los mejores cursos en oferta de Udemy de Agosto en español, si lo que deseas son cursos en español. Si por desgracia, no tienes la oportunidad de acceder a comprar alguno de los excelentes cursos que te mostraré a continuación. Siempre puedes ¡SEGUIR LEYENDO!