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


Analice los códigos de cualquier sitio web con CSS Dig Extensión de Chrome

Hay muchas cosas que puedes hacer con Chrome DevTools para editar sitios web en vivo y estudiar solicitudes HTTP detalladas. Sin embargo, la capacidad de analizar patrones CSS no se procesa en la consola.

Con CSS Dig, puedes analizar todos los selectores de CSS, la especificidad y las propiedades únicas de cualquier página web directamente desde Chrome. Esta extensión es totalmente gratuita y ofrece mucho poder a los desarrolladores frontend.

Al inspeccionar una hoja de estilo, obtendrá muchos datos del panel Excavación CSS. Puede mostrarle selectores individuales, incluidos duplicados y niveles de especificidad innecesarios .

Para comenzar, simplemente instale el complemento y abra la ventana de la consola. Encontrarás dos pestañas en la ventana de CSS Dig: Propiedades y Selectores .

Puede buscar resultados organizados por propiedades (color, borde, relleno) o por selectores (clases, ID). Considero que la ventana Propiedades es la más valiosa, ya que le permite estudiar qué fuentes y colores está usando.

Esta herramienta funciona en todos los ámbitos para cualquier sitio web, por lo que también es útil para diseñar ingeniería inversa para cualquier persona. Puede copiar / pegar el CSS directamente desde esta ventana y reutilizarlo en sus propios proyectos.

Probablemente el caso de uso más común para CSS Dig es eliminar colores duplicados de su paleta de colores. ¿Cuántos tonos únicos de verde realmente necesitas? O bien, ¿cuántas fuentes diferentes de sans-serif son necesarias para una página?

CSS Dig es increíblemente simple, así que no esperes docenas de características como DevTools. En cambio, este complemento está más orientado a los desarrolladores de frontend que auditan sitios para selectores repetidos o propiedades duplicadas.

El código fuente del complemento está disponible de forma gratuita en GitHub, donde también encontrará las últimas actualizaciones .

Este analizador de imágenes usa inteligencia artificial para identificar fotos

Este analizador de imágenes usa inteligencia artificial para identificar fotos

Un número bastante grande de compañías de tecnología han estado ocupadas entrenando sus sistemas de inteligencia artificial para reconocer objetos en imágenes . Aunque el concepto es sólido, estos experimentos tienden a limitarse estrictamente a experimentos basados ​​en la web.Sin embargo, parece que este ya no es el caso, ya que una aplicación llamada Aivon le permite tener un identificador de imagen alimentado por AI directamente en su dispositivo Android.Actualment

(Consejos de tecnología y diseño)

15 hermosos efectos de texto creados con CSS

15 hermosos efectos de texto creados con CSS

Hermoso texto o tipografía hará que su diseño se vea atractivo. En el diseño web, CSS ayuda a dar estilo al diseño, incluidos varios efectos en texto o tipografía. Con CSS, puede usar recorte y agregar animación al texto para darle un poco más de sabor a las cosas.Y para ilustrar esto, hemos recopilado 15 impresionantes y divertidos efectos de texto que son posibles con CSS (algunos con un poco de ayuda de los códigos Javascript).Para más

(Consejos de tecnología y diseño)