Compruebe el rendimiento y la calidad de cualquier sitio web con Faro
Google está a la vanguardia del diseño web moderno. Ofrece tantas herramientas desde Analytics hasta DevTools, todo con el objetivo de ayudar a las personas a crear una mejor web.
Recientemente publicó otra herramienta útil llamada Lighthouse. Esta es una herramienta gratuita de prueba automatizada que se ejecuta en segundo plano de Chrome . Funciona como una mini auditoría de sitio web donde verificará el rendimiento, la velocidad, la accesibilidad y el cumplimiento de las mejores prácticas semánticas.

Las PWA son una gran parte del proyecto Lighthouse. Pero el objetivo de Lighthouse es ayudar a todos los desarrolladores web a verificar la calidad de sus páginas.
Esto puede incluir la comprobación de errores de HTML / CSS o buscar líneas de código duplicadas. Lighthouse también analiza el rendimiento web con consejos de optimización para imágenes, tamaños de archivos, solicitudes HTTP y mucho más.
Todos los resultados principales de la auditoría aparecen directamente dentro de DevTools de Chrome por lo que ni siquiera necesita abrir una nueva ventana para verificar las estadísticas. Todo lo que necesita es una versión en ejecución de Chrome y algo de tiempo para examinar los resultados de la auditoría de Lighthouse.
Generalmente esto se divide en cuatro categorías:
- Actuación.
- Accesibilidad.
- Mejores prácticas.
- Propiedades de Webapp progresivas.
Cada categoría se divide en propiedades más pequeñas con recomendaciones para mejoras UX.

Si quieres aprender más, revisa la página principal y lee las muchas características de Lighthouse.
También puede ver esta presentación de Google I / O 2017 que presentó por primera vez Lighthouse a la comunidad de desarrolladores.
5 AngularJS Frameworks para obtener aplicaciones y ejecutarlas rápidamente
Ahora que ya conoce bien los conceptos básicos, es hora de comenzar a construir su propia aplicación web con AngularJS . AngularJS hizo que la creación de una aplicación basada en Javascript sea más intuitiva usando lo que se llama directivas, que funciona mano a mano con sus marcas HTML.Si la construcción de una aplicación web desde el suelo te parece abrumadora, no te preocupes. Algun

Diseño de cuadrícula CSS: cómo usar minmax ()
El Módulo de diseño de cuadrícula de CSS lleva el diseño receptivo al siguiente nivel al introducir un nuevo tipo de flexibilidad que nunca antes se había visto. Ahora, no solo podemos definir redes personalizadas increíblemente rápidas únicamente con CSS puro, sino que la CSS Grid también tiene muchas gemas ocultas que nos permiten modificar aún más la cuadrícula y lograr diseños complicados.La función m