Extensiones de Chrome para desarrollo web y trabajo con GitHub



Hola a todos Quiero compartir con ustedes algunas de las extensiones para Chrome que uso cuando desarrollo, analizo sitios, trabajo con GitHub y solo en la vida cotidiana. Estoy seguro de que para la mayoría de los lectores, la lista de estas extensiones no será una apertura, pero aquellos que las conozcan por primera vez y las instalen disfrutarán sin duda de trabajar con nuevas herramientas.

Creo que no vale la pena crear un paño largo con una descripción detallada de una herramienta, son bastante simples y comprensibles. Por lo tanto, trataré de hablar brevemente sobre las ventajas de su uso.

Para trabajar con GitHub


Octotree es, en mi opinión, la extensión más útil y conveniente. Le permite ver el código fuente en forma de árbol, que se muestra en el lado izquierdo de la página. La nueva navegación es mucho más conveniente que la estándar. Octotree será especialmente útil si está trabajando en un proyecto a gran escala con una gran cantidad de directorios anidados.

GitHub Repository Size es un complemento conveniente y simple que muestra tanto el tamaño de un repositorio individual como el tamaño de cada archivo en él.

OctoLinker es una extensión que proporciona una navegación de código rápida al convertir elementos de código simples en enlaces en los que se puede hacer clic. Seguir este enlace le permite encontrar rápidamente la fuente. Dependiendo del lenguaje de programación, la extensión muestra el archivo fuente o lleva al usuario a un sitio externo. Los elementos que se convierten en un enlace están marcados con puntos rosados ​​para que pueda ver de inmediato dónde hay un enlace interactivo.

GitHub Hovercard proporciona acceso instantáneo a la información del usuario, repositorios, preguntas y confirmaciones desde cualquier lugar en el sitio web de GitHub. Solo pasa el cursor sobre la información.

npmhub Al ver un repositorio en github.com que tiene un archivo package.json , esta extensión analizará las dependencias en el paquete y mostrará enlaces con una descripción para ellos justo debajo del archivo README.

Las estadísticas de github npm muestran estadísticas de descarga de paquetes en el sitio de NPM, si corresponde.

Github refinado muestra brunches publicados recientemente, y también le permite volver a trabajar con solicitudes y muestra avatares de usuarios que han respondido a los comentarios.

Contribuciones isométricas : esta extensión no es tan útil como las anteriores, pero es muy interesante). Le permite cambiar entre un gráfico de contribución regular en GitHub y una versión de pixel art isométrico.

Para trabajar con sitios


Eye Dropper es una gran herramienta para ver los colores utilizados en los sitios web y crear sus propias paletas. Lo uso casi todos los días)).

Captura de pantalla de página completa . Imagine que ha desarrollado un aterrizaje en 3-5 pantallas y no sabe cómo hacer que sea una pantalla completa. ¿Presione la pantalla de impresión 5 veces y haga piezas en el editor una debajo de la otra? Oh bueno! FPSC es una gran herramienta que toma una captura de pantalla de la página actual en unos segundos. Es muy útil si necesita verificar la optimización del sitio sin descargar servicios especiales, así como capturar completamente el sitio que creó.

WhatFont : con la ayuda de esta extensión, puede averiguar fácilmente qué fuentes se utilizan en el sitio simplemente haciendo clic en la extensión y moviendo el cursor al lugar que necesita. Es simple y elegante. Se desactiva presionando el botón "Esc". También muestra el color del texto, la altura, el tamaño de fuente y otros parámetros.

PerfectPixel : esta extensión lo ayudará a desarrollar su sitio con precisión de píxel a píxel.

CSS Peeper es una herramienta de análisis CSS especialmente diseñada para diseñadores. El objetivo de la extensión es permitir que los diseñadores se concentren en el diseño y pasen el menor tiempo posible investigando el código. Solo inténtalo en acción y lo entenderás todo.

Para el trabajo diario


Google Translator es otra herramienta que casi ninguno de mis días de trabajo puede prescindir. Esta no es una página, es una extensión. Con él, puede traducir rápidamente el texto seleccionado directamente en la página sin ir a la página del traductor. P.S. no traduce textos largos, pero no importa.

También puse el informador SEO, pero es un poco tonto). Eso es todo por ahora. Espero que encuentre útil esta reseña.

(PD: si te gustó el artículo, coloca un signo más en el karma, de lo contrario no puedo votar)
¿Escriba en los comentarios qué extensiones usa (o hay una alternativa mejor) al desarrollar, analizar sitios o trabajar con Git?

Source: https://habr.com/ru/post/446244/


All Articles