Actualización mensual de desarrollo web 6⁄2018: Complejidad, DNS sobre HTTPS y notificaciones automáticas

Vemos complejidad en cada rincón de un proyecto web en estos días. Hemos leído bastantes artículos sobre cuán compleja se ha vuelto una tecnología específica, y discutimos esto una y otra vez. Viniendo de una época en la que subíamos sitios web a través de FTP y no teníamos git ni nada comparable, ahora vivimos en una época en la que tenemos un sistema de compilación, transpiladores, marcos, pruebas y un CI incluso para los proyectos más pequeños, esto es fácil de entender. . Pero, por otro lado, el desarrollo web ha crecido tanto en los últimos 15 años que ya no podemos comparar el presente con el pasado . Y si bien puede parecer que algunas cosas eran más fáciles en el pasado, descuidamos las ventajas y las innumerables posibilidades que tenemos hoy. Cuando no escribíamos pruebas en ese entonces, bueno, simplemente no teníamos pruebas, lo que significa que no había una forma confiable de probar el éxito. Cuando no teníamos un proceso de implementación, era fácil cargar una nueva versión, pero igual de fácil romper algo, y sucedió mucho más que hoy cuando se implementa un sistema de integración continua.

Jeffrey Zeldman escribió un artículo interesante sobre el tema: “The Cult of Complex” describe cómo nos perdemos en detalles innecesarios y, a menudo, tratamos de pensar demasiado en los problemas . Me gusta el desafío de construir sistemas que no sean demasiado complejos pero que muestren una cantidad decente de responsabilidad (en lo que se refiere a ética, privacidad, seguridad, una excelente experiencia de usuario y rendimiento) y que funcionen de manera confiable (pruebas, implementaciones, disponibilidad y rendimiento de nuevo). Supongo que el problema de encontrar el equilibrio adecuado no desaparecerá pronto. La complejidad está en todas partes: solo tenemos que decidir si es una complejidad útil o si se agregó simplemente porque era más fácil o porque estábamos sobredimensionando el problema original.

Noticias

• La próxima versión 12 de Safari se presentó en la WWDC de Apple. Esto es lo nuevo: íconos en pestañas, contraseñas seguras, así como un control del generador de contraseñas a través de atributos HTML que incluye control de autenticación de dos factores, un visor de modelos 3D y AR, la API de pantalla completa en iPads, font-display y, muy importante, Intelligent Tracking Prevention 2.0, que es más restrictivo que nunca y podría tener un impacto significativo en la funcionalidad de los sitios web existentes.
• La biblioteca de automatización de Chrome sin cabeza Puppeteer ya está disponible en la versión 1.5. Trae contextos de navegador para aislar cookies y otros datos que generalmente se comparten entre páginas, y los trabajadores ahora también se pueden usar para interactuar con los trabajadores web.
• Google lanzó Lighthouse 3.0, la tercera versión importante de su herramienta de análisis de rendimiento que presenta una nueva interfaz de informes, algunos cambios de puntaje, una exportación CSV y la primera medición de pintura con contenido.
• Chrome 67 está aquí, trayendo aplicaciones web progresivas al escritorio, así como soporte para la API de sensor genérico y ampliando la API de administración de credenciales para admitir autenticadores U2F a través de USB.
• Hemos visto bastantes cambios en las interfaces de seguridad de los navegadores en los últimos meses. Primero, enfatizaron los sitios que ofrecen una conexión segura (HTTPS). Luego decidieron indicar sitios inseguros, y ahora Chrome anunció nuevos cambios que harán que HTTPS sea el predeterminado al marcar las páginas HTTP como "no seguras".

General

• En “El culto a lo complejo”, Jeffrey Zeldman escribe sobre cómo a menudo parecemos olvidar que la simplicidad es la clave y el objetivo de todo lo que hacemos, el objetivo general de los proyectos y la vida. Explica por qué es tan difícil de lograr y por qué es mucho más fácil y tentador cultivar sistemas complejos. Una muy buena lectura y definitivamente una pieza que agregaré a mi lista de 'siempre verde'.
• Heydon Pickering compartió un nuevo artículo muy interesante que nos enseña a crear un componente web correctamente: esta vez explica cómo crear un módulo de "Tarjeta" inclusivo y receptivo.

interfaz de usuario/experiencia de usuario

• Cool Backgrounds es un proyecto paralelo genial de Moe Amaya. Es un generador online de fondos poligonales con degradados que puede generar una gran cantidad de variantes y formas. Simplemente hermoso.

Estampación

• Ben Frain comparte algunas técnicas útiles de edición de texto que están disponibles en casi todos los editores de código modernos.

Seguridad

• A medida que los ataques de seguridad a través de DNS ganan popularidad, el DNS sobre HTTPS se vuelve cada vez más importante. Lin Clark explica la tecnología con una caricatura para que sea más fácil de entender.
• Windows Edge ahora ofrece una vista previa de la compatibilidad con las cookies same-site . El atributo para bloquear aún más las cookies ya está disponible en Firefox y Chrome, por lo que Safari es el único navegador importante que aún necesita implementarlo, pero supongo que también aparecerá en sus compilaciones de Tech Preview muy pronto.

Intimidad

• La ACLU descubrió que Amazon ahora se asoció oficialmente con las fuerzas del orden y proporciona una tecnología de reconocimiento facial masivo que ya se usa en ciudades de todo el mundo.

Rendimiento web

• KeyCDN pidió a 15 personas que saben mucho sobre el rendimiento web que compartieran sus mejores consejos con los lectores. Ahora compartieron este artículo que contiene muchos consejos útiles de rendimiento para 2018, incluidas algunas palabras mías.
• Stefan Judis descubrió que ya podemos precargar módulos ECMA Script en Chrome 66 agregando un link rel="modulepreload" .

Accesibilidad

• Es relativamente fácil crear un control giratorio de carga, por ejemplo, para una aplicación de una sola página durante la carga, pero rara vez pensamos en hacerlos accesibles. Stuart Nelson ahora explica cómo hacerlo.
• Paul Stanton comparte qué herramientas de accesibilidad debemos usar para obtener los mejores resultados.

JavaScript

• Últimamente, JavaScript ha sido intimidado por personas que prefieren Elm, Rust, TypeScript, Babel o Dart. Pero JavaScript definitivamente no es peor, como explica Andrea Giammarchi con excelentes ejemplos. Este artículo también es una gran lectura para todos los que usan uno de estos otros idiomas, ya que muestra un par de trampas que debemos tener en cuenta.
• Para muchos proyectos, queremos usar análisis u otros scripts que recopilen información personal. Con GDPR en vigor, esto se volvió mucho más difícil. Yett es una buena herramienta de JavaScript que le permite bloquear la ejecución de dichos recursos hasta que el usuario esté de acuerdo.
• Ryan Miller creó una nueva publicación llamada "The Frontendian", y presenta una de las mejores explicaciones y guías de CORS que he encontrado hasta ahora.
• La gente de Microsoft creó una bonita página de demostración interactiva para mostrar cómo pueden y deben verse las notificaciones Web Push. Si aún no se ha familiarizado con la tecnología, es una excelente introducción a cómo funciona todo y cómo crear una interfaz que no moleste a los usuarios.
• Filepond es una biblioteca de JavaScript para cargar archivos. Se ve muy bien y viene con muchos adaptadores para React, Vue, Angular y jQuery.
• React 16.4 está disponible y trae una gran característica a la biblioteca: Pointer Events. Harán que sea más fácil lidiar con las interacciones de los usuarios y ya se han solicitado durante mucho tiempo.

CSS

• Oliver Schondorfer comparte cómo comenzar con fuentes variables en la web y cómo podemos diseñarlas con CSS. Un resumen bastante completo de las cosas que debe tener en cuenta, así como las posibles trampas.
• Con el próximo macOS Mojave que admite un "modo oscuro", Safari comenzará a establecer automáticamente el color de fondo de los sitios web en un color negro si no se establece explícitamente ningún background-color . Este es un gran recordatorio de que los navegadores pueden configurar y modificar sus estilos predeterminados y que debemos configurar los valores predeterminados de nuestro sitio con cuidado. Todavía espero que el 'modo oscuro' se exponga a una consulta de medios CSS para que podamos agregar oficialmente soporte para él.
• Rafaela Ferro comparte cómo usar CSS Grid para crear una galería de fotos que no solo se ve bien sino que es genial. Este artículo tiene las respuestas a muchas preguntas que recibo regularmente cuando hablo sobre el diseño de cuadrícula.
• Marcin Wichary explica cómo podemos crear un tema oscuro en poco tiempo con las modernas propiedades personalizadas de CSS.

Vida laboral

• Anton Sten escribió sobre las implicaciones morales de nuestras aplicaciones. Una explicación significativa de por qué los tiempos de "moverse rápido y romper cosas" definitivamente han terminado, ya que estamos lidiando con la inteligencia artificial, las redes sociales que afectan la vida de las personas y los asuntos de privacidad impuestos por el RGPD.
• Basecamp ahora tiene un nuevo tipo de gráfico para mostrar el estado de un proyecto: el llamado "gráfico de colinas" agrega un mejor contexto que una simple barra de progreso.
• Ben Werdmuller comparte sus pensamientos sobre los currículums y cómo nunca reflejan quién es usted, qué hace y por qué debería ser contratado.

Espero que hayas disfrutado de esta actualización mensual. El próximo está programado para el 13 de julio, así que estad atentos. Mientras tanto, si le gusta lo que hago, considere ayudarme a financiar financieramente la Lista de lectura de desarrollo web.

¡Qué tengas un lindo día!

— Anselmo