es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Inspector de CSS detallado en cada sitio con CSSPeeper para Chrome

El panel habitual de Chrome DevTools es increíblemente potente. Permite a cualquier persona profundizar en cualquier página para estudiar el diseño de un sitio, CSS, e incluso encabezados HTTP si es necesario.

Puede hacer mucho con el inspector DevTools CSS. Pero no tiene un panel de GUI claro y eso es algo que a todos los desarrolladores les encantaría.

Eche un vistazo a CSSPeeper, una extensión gratuita de Chrome que agrega este inspector GUI a su navegador. Te permite estudiar las propiedades de CSS de cualquier elemento en cualquier página, aunque solo está diseñado para Chrome en este momento.

Una vez instalado, simplemente visite una página web y haga clic en el botón principal de la extensión en la barra de complementos de Chrome. Aparece una nueva ventana de inspector en la parte superior de la página web con detalles sobre cada elemento principal.

Mientras navega por el sitio, puede hacer clic en cualquier elemento que vea con un contorno punteado. Esto puede incluir botones, secciones de página, encabezados, elementos de navegación, lo que sea.

Desde allí obtendrá un inspector completo con detalles sobre la tipografía, las opciones de color y los estilos de fuente. Es una forma excelente de extraer estilos directamente de una página web sin necesidad de indagar en el código CSS.

CSSPeeper incluso le permite elegir colores relacionados con un selector de color incorporado y un generador de esquema de color. Puede exportar imágenes desde páginas, crear sus propias combinaciones de colores y aplicarlas en sus propias maquetas con Photoshop o Sketch.

Principalmente, recomiendo esta extensión para diseñadores en lugar de para desarrolladores, ya que es un complemento mucho más amigable con los diseñadores que extrae CSS sin formato y transforma el código en fragmentos de datos fáciles de leer.

¡Pero este complemento también puede ayudar a los desarrolladores también! Es realmente una poderosa herramienta de inspección de sitios para todo tipo de CSS .

Eche un vistazo a la página de inicio de CSSPeeper para obtener más información sobre lo que puede hacer. La página principal también incluye un enlace a la tienda de Chrome para que pueda instalar la extensión sin cargo y sacarla para una ejecución de prueba.

React.js: 14 herramientas y recursos para desarrolladores web

React.js: 14 herramientas y recursos para desarrolladores web

La popularidad de React.js ha estado creciendo rápidamente desde que Facebook lanzó por primera vez la biblioteca en 2013. Es el quinto proyecto de código abierto con más estrellas en Github, y los anuncios de trabajo para los desarrolladores de React también están en gran aumento. React es un marco de JavaScript liviano para construir interfaces de usuario ; los ejemplos más destacados son Facebook e Instagram.React

(Consejos de tecnología y diseño)

35 herramientas, secuencias de comandos y complementos para crear hermosas tablas HTML

35 herramientas, secuencias de comandos y complementos para crear hermosas tablas HTML

La visualización de datos es la clave para comprender mejor la información voluminosa o complicada. Hay muchas formas de visualizar sus datos, es decir, puede diseñar infografías interesantes o crear gráficos interactivos; todo depende de sus datos y de cómo quiera presentarlos.Sin embargo, la publicación de hoy es únicamente sobre el tema de tablas y algunos recursos realmente útiles para crear diferentes tipos de tablas . Aquí ha

(Consejos de tecnología y diseño)