Actualización mensual de desarrollo web 1⁄2019: replanteamiento de hábitos y búsqueda de soluciones personalizadas

¿Qué podría ser mejor que comenzar el nuevo año con algunos nuevos experimentos? Hoy pensé que era hora de repensar las herramientas de JavaScript en uno de mis proyectos. Y dado que ya escribimos todo en módulos simples de ECMAScript, pensé que sería fácil servirlos de forma nativa ahora y eliminar todos los pasos de compilación y transpilación. Hasta que me di cuenta de que, aunque escribimos la mayoría del código nosotros mismos, tenemos un par de dependencias de terceros y, por supuesto, no todas son módulos ECMAScript. Entonces, por ahora, tengo que renunciar a mis planes para eliminar todos los pasos de construcción y continuar agrupando y transpilando cosas, pero intentaré encontrar una mejor solución para modernizar y simplificar nuestra configuración de herramientas mientras brindo un paquete más pequeño a nuestro usuarios

Otro experimento: Hace solo unas semanas tuve que crear un botón simple de "ir a la parte superior de la página" para un sitio web. requestAnimationFrame y cosas similares para optimizar el manejo de eventos, pero hoy encontré una solución mucho más agradable y eficiente que usa IntersectionObserver para alternar el botón en la ventana gráfica. Encontrará ese artículo en la sección de JavaScript a continuación. La razón por la que quería compartir estas pequeñas historias es porque creo que lo más importante es que revisemos nuestros hábitos y soluciones actuales y veamos si hay ideas mejores, más nuevas y más simples que puedan mejorar un producto. Siga jugando, siga investigando y asegúrese de repensar los sistemas existentes de vez en cuando.

Noticias

• Joseph Medley nos muestra las obsolescencias y eliminaciones en Chrome 72, que incluyen el bloqueo de ventanas emergentes durante la descarga de la página a través de window.open , fijación de clave pública basada en HTTP y obsolescencia de TLS 1.0 y TLS 1.1.

interfaz de usuario/experiencia de usuario

• Lo que Jesse Weaver está escribiendo aquí no parece una gran noticia, pero muestra lo rápido que estamos tentados a adoptar una estrategia de producto que funcione para otros para nuestros propios productos. Jesse comparte por qué no es una buena idea y por qué siempre debe intentar encontrar sus propias soluciones personalizadas.

Rendimiento web

• Jack Lenox explora en qué medida el rendimiento del sitio web afecta el clima de nuestro planeta y el efecto que tiene el rendimiento para sus visitantes, más allá de mejores tiempos de carga.
• Tim Kadlec explica por qué el rendimiento es un punto ético, ya que puede incluir o excluir a personas, aumentar o reducir el desperdicio de energía, tráfico de red y tiempo.

JavaScript

• ¿Cómo proporcionamos un botón de "volver arriba"? Bueno, aquí hay un enfoque eficiente y muy orientado al rendimiento que utiliza un Intersection Observer para mostrar y ocultar el botón.
• Ackermann Yuriy describe cómo podemos usar FIDO2 y la API de autenticación web para iniciar sesión de usuarios sin contraseñas.
• Chrome está trabajando actualmente en una API llamada getInstalledRelatedApps que le permite detectar si un usuario tiene instalada su aplicación nativa. Esto podría ser útil para no mostrarles más los banners de la aplicación de forma predeterminada o para permitirles abrir una característica específica del producto en la aplicación directamente desde su sitio web.
• Harry Wolff muestra cómo podemos usar React.lazy y suspenso para dividir el código en aplicaciones de JavaScript. Esto es importante para reducir el tamaño de carga original del paquete de aplicaciones y puede marcar una gran diferencia en el rendimiento y la experiencia de usuario de un sitio web.

CSS

• Una Kravets escribió un gran artículo sobre el uso de Houdini y Paint API para CSS. Lo demuestra con el ejemplo de un estilo de subrayado de decoración de texto personalizado que no está disponible en CSS estándar.
• Eric Portis explica el concepto del atributo HTML de tamaño intrinsicsize que, con suerte pronto, nos ayudará a proporcionar cargas de imágenes sin bloqueos en los navegadores al sugerir las dimensiones esperadas de las imágenes al navegador antes de que las analice.
• Scott Jehl actualizó el módulo de select de apariencia personalizada de código abierto, y en esta publicación de blog describe cómo podemos select estilos hoy.
• Chris Coyier resumió cómo aplicar estilo a un componente web y decidir si queremos que herede estilos globales o empezar desde cero.

Vida laboral

• “Sentir una sensación de logro es una parte importante de nuestro sentido de autoestima. Castigarte a ti mismo porque crees que podrías haber logrado más puede hacer mella en tu confianza y autoestima y dejarte sintiéndote agotado al final del día”. Lisa Evans comparte lo que podemos hacer para evitar caer en esa trampa.
• Itamar Turner-Trauring comparte sus pensamientos sobre cómo conseguir un trabajo con un buen equilibrio entre el trabajo y la vida personal cuando compite contra personas que están dispuestas a trabajar muchas horas.
• ¿Es una buena idea brindar atención médica y tratamiento basados ​​en productos digitales como aplicaciones? Y si es así, ¿cuáles son los requisitos, los estándares para esto? ¿Cómo podemos garantizar que esto se haga éticamente correcto? ¿Cómo establecemos los límites, los límites de la privacidad, hasta dónde permitimos que las empresas lleguen con experimentos aquí? ¿Estaría bien el contenido personalizado? ¿Está bien compartir los datos recopilados de nuestros dispositivos con proveedores de atención médica o seguros? Estas son preguntas que tendremos que hacernos y encontrar una respuesta individual.
• Este artículo sobre cómo los Millenials se convirtieron en la generación del agotamiento me impactó mucho esta semana. Me veo en este grupo de personas descritas como "Millenials" (creo que afecta a muchas más personas que solo a los de 20 años) y podría relacionarme con tantas de las luchas mencionadas allí que ahora creo que estos Los problemas son más grandes de lo que jamás imaginé. Afectarán a la sociedad, a la política, a cada individuo de nuestro planeta. Dado ese hecho, es una locura escuchar que la mayoría de las personas de hoy responderán que no tienen un amigo con el que puedan hablar sobre sus miedos y cualquier otra cosa que los perturbe, mientras que hace dos décadas la respuesta promedio todavía era alrededor de cinco. Aseguremos a nuestros amigos que estamos ahí para ellos y que pueden hablar con nosotros sobre cosas difíciles. 2019 debería ser un año en el que nosotros, en nuestro círculo de influencia, hagamos que sea grandioso vivir en una comunidad humana donde podamos pensar con entusiasmo y felicidad sobre nuestros amigos, vecinos y personas con las que trabajamos o hablamos en Internet.
• Todos tratamos de dar cabida a tantas cosas al mismo tiempo: ser exitosos y productivos en el trabajo, en casa, con nuestros hijos, en nuestras relaciones, hacer deporte, dominar nuestras finanzas y algunos pasatiempos. Pero ignoramos ciegamente que es imposible manejar todo eso en el mismo nivel al mismo tiempo. Nos arrepentimos cuando no hacemos todo en un plazo específico, como al final de un año calendario. Shawn Blanc argumenta que debemos celebrar lo que hicimos en lugar de sentirnos culpables por lo que no hicimos.

Ir más allá…

• Hay palabras, y luego hay palabras. Muchos de nosotros sabemos cuán dañina puede ser la palabra “justo”, cuán prescriptiva, cuán pasivamente agresiva es. Tobias Tom cuestiona si "debería" es una palabra útil al examinar lo implícito y el resultado de usarla en nuestro lenguaje cotidiano. Por qué “debería” puede ser perjudicial para ti y para lo que quieres lograr.
• “Todos sabemos lo que representamos. El truco consiste en expresar nuestros valores con claridad y defenderlos”, dice Ben Werdmuller y señala lo importante que es pensar en su propia línea roja que no desea cruzar, independientemente de la presión externa que pueda enfrentar o dinero que podría obtener por ello.
• Noticias emocionantes para la mejora del clima esta semana: un equipo de arbolistas ha clonado y cultivado con éxito árboles jóvenes de los tocones de algunas de las secuoyas costeras más antiguas y más grandes del mundo, algunas de las cuales tenían 3000 años y medían 35 pies de diámetro cuando fueron cortadas. en los siglos XIX y XX. A principios de este mes, 75 de los árboles jóvenes clonados se plantaron en el Parque Nacional Presidio en San Francisco. Lo que hace que esto sea tan especial es el hecho de que estos árboles antiguos pueden secuestrar 250 toneladas de dióxido de carbono de la atmósfera durante su vida, en comparación con 1 tonelada para un árbol promedio.
• El desarrollo tecnológico en curso y el esfuerzo por crear nuevos servicios que automaticen más y más cosas hacen que sea aún más crítico enfatizar la conexión humana. Las empresas que no muestran ningún esfuerzo por mejorar las cosas para sus clientes, sus empleados o el medio ambiente pronto comenzarán a tener dificultades, dice Ryan Paugh.
• Por lo general, no esperamos muchas buenas noticias sobre los inventos tecnológicos de la industria automotriz y su disposición a compartirlos con otros. Pero Toyota ahora ha decidido compartir su sistema de seguridad automatizado 'Guardian' con los competidores. Utiliza tecnología de conducción autónoma para evitar que los autos se estrellen. “No lo mantendremos exclusivo para nosotros. Pero lo ofreceremos de alguna manera a otros, ya sea a través de licencias o sistemas completos reales”, dice Gill Pratt de la compañía.

¡Gracias por leer! Estoy feliz de estar de regreso con esta nueva edición de mi Actualización de desarrollo web en 2019 y agradecido por todo su apoyo continuo. Me alegra saber que tantas personas encuentran útil este recurso. Entonces, si lo disfrutó, no dude en compartirlo con las personas que conoce, darme su opinión o apoyarlo con una pequeña cantidad de dinero. —Anselmo