Actualización mensual de desarrollo web 4⁄2018: sobre el esfuerzo, el sesgo y la productividad

En estos días, es uno de los mayores desafíos pensar a largo plazo. En un mundo en el que vivimos con dispositivos que duran solo unos meses o quizás algunos años, donde compramos cosas para tirarlas solo días o semanas después, el término "esfuerzo" adquiere un nuevo significado.

Recientemente, estaba leyendo un ensayo sobre 'Yatnah', 'Esfuerzo'. Pasé mucho tiempo al aire libre en la naturaleza en las últimas semanas y creé un pequeño acre para cultivar algunas verduras. También asistí a un taller para aprender el oficio de injertar árboles frutales. Cuando cortas un árbol, te das cuenta de que nuestro estilo de vida rápido y de corto plazo es muy diferente de cómo funciona la naturaleza. Injerté un árbol que se supone que crecerá durante décadas, y si cortas un árbol que ha estado allí durante cuarenta años, se necesitarán otros cuarenta para que crezca uno que tenga una altura similar.

Me encantaría que todos tratáramos de crear un trabajo más duradero , software que funcione en una década y, para hacerlo, esforzarnos por aprender cómo podemos hacer que eso suceda. Hasta luego, los dejo con esta cita y un montón de artículos interesantes.

“En nuestro mundo moderno, puede ser tentador desechar el esfuerzo y reemplazarlo con algunas frases de pensamiento positivo. Pero simplemente no hay sustituto para la práctica”.

—Kino Macgregor

Noticias

• Safari Technology Preview 52 elimina la compatibilidad con todos los complementos NPAPI que no sean Adobe Flash y agrega compatibilidad con los encabezados de enlace de preconnect .
• Chrome 66 Beta ofrece el modelo de objetos tipificados CSS, la API del portapapeles asíncrono, AudioWorklets y soporte para usar calc() , min() y max() en Media Queries. Además, los campos de select y área de textarea ahora admiten el atributo de autocomplete , y la cláusula catch de una declaración de try se puede usar sin un parámetro a partir de ahora.
• iOS 11.3 ya está disponible para el público y, como ya se anunció, el lanzamiento brinda soporte para Progressive Web Apps para iOS. Maximiliano Firtman comparte lo que esto significa, lo que funciona y lo que no funciona (todavía).
• Safari 11.1 ya está disponible para todos. Aquí hay un resumen de todas las nuevas funciones de WebKit que incluye.

General

• Anil Dash reflexiona sobre lo que se pretendía que fuera la web y cómo la web actual difiere de esto: "En un momento en que millones están perdiendo la confianza en los sitios más grandes de la web, vale la pena revisar la idea de que se suponía que la web estaba hecha de innumerables pequeños sitios. Aquí hay un vistazo a las tecnologías olvidadas que se suponía que lo harían posible”.
• Morten Rand-Hendriksen escribió sobre el uso de la ética en el diseño web y qué preguntas debemos hacernos al sugerir una solución, crear un diseño o una nueva función. Especialmente cuando pensamos que estamos haciendo algo 'inteligente', es importante preguntarnos si realmente ayuda a las personas primero.
• Hubo muchas protestas y discusiones junto con el asunto Facebook/Cambridge Analytica, la mayoría de las cuales señalaron los problemas tecnológicos con el modelo de permisos de Facebook. Pero el quid radica en cómo Facebook diseñó su empresa y qué línea de base ética establecieron. Si no queremos que algo así vuelva a suceder, depende de nosotros diseñar el servicio que queremos.
• Brendan Dawes comparte por qué cree que las URL son una obra maestra y una experiencia de usuario en sí mismas.
• La transcripción de la charla de Charlie Owen de "Estimado desarrollador, la Web no se trata de usted" es un buen resumen de por qué nosotros, como desarrolladores, debemos pensar más allá de lo que es bueno para nosotros y considerar qué sirve a los usuarios y cómo podemos lograrlo.

interfaz de usuario/experiencia de usuario

• B. Kaan Kavustuk comparte sus pensamientos sobre por qué no podremos crear un diseño o una base de código perfectos en el primer intento, sin importar cuánta experiencia tengamos. En cambio, son las pequeñas mejoras constantes las que allanan el camino hacia la perfección.
• Trine Falbe nos presenta el Diseño Ético con una guía práctica de inicio. Muestra alternativas y cosas en las que pensar al construir un negocio o producto. No importa mucho si eres el propietario, un desarrollador, un diseñador o un vendedor, se trata de servir a los usuarios y sentar las bases para una confianza real y sostenible.
• Josh Lovejoy comparte sus aprendizajes al trabajar en soluciones tecnológicas inclusivas y por qué se necesita más que una buena intención para crear una tecnología justa e inclusiva. Este artículo profundiza en por qué el juicio humano es muy difícil y, a menudo, se basa en prejuicios, y por qué no es fácil diseñar y desarrollar algoritmos que traten a diferentes personas por igual debido a esto.
• El sistema de color HSB (Hue, Saturation, Brightness) no es especialmente nuevo, pero mucha gente todavía no comprende sus ventajas. Erik D. Kennedy explica paso a paso sus principios y ventajas.
• Si bien hay más discusión sobre el diseño inclusivo en estos días, a menudo se lo ve bajo el sombrero de accesibilidad o como decisiones técnicas. Robert del Prado ahora comparte cuán importante es el pensamiento de diseño inclusivo y por qué se trata mucho más del usuario genérico que de algunas personas específicas con discapacidades específicas. El diseño inclusivo une a las personas, independientemente de quiénes sean, dónde vivan y cuánto puedan pagar. ¿Y no es el objetivo de todo producto tener éxito adquiriendo la mayor cantidad de gente posible? Tal vez también debamos discutir esto con la gente de marketing.
• Anton Lovchikov comparte formas de mejorar los ajustes ópticos en los componentes. Es un estudio interesante sobre cómo cambios muy pequeños pueden marcar una gran diferencia.

Estampación

• Brian Schrader encontró una característica desconocida en Git que es muy útil para probar ideas rápidamente: Git Notes nos permite agregar, eliminar o leer notas adjuntas a objetos, sin tocar los objetos en sí mismos y sin necesidad de confirmar el estado actual.
• Para muchos proyectos, prefiero usar scripts npm en lugar de llamar a gulp o tareas directas de paquetes web. Michael Kuhnel comparte algunos trucos útiles para los scripts de npm, incluido cómo permitir parámetros de opciones de CLI o cómo ver tareas y alertar avisos de error.
• Anton Sten explica por qué las nuevas herramientas no siempre equivalen a productividad. A todos nos encantan las nuevas herramientas de diseño, y siguen apareciendo nuevas como Sketch, Figma, Xd o Invision Studio. Pero a pesar de que estas herramientas resuelven muchos problemas comunes y facilitan algunas cosas, la productividad se trata principalmente de lo que funciona para su problema y no de lo más nuevo. Si necesitas crear una maqueta estática y Photoshop es lo que mejor sabes hacer, ¿por qué no usarlo?
• Cloudflare ofrece un nuevo y rápido servicio de DNS. Finalmente, una mejor alternativa a los servidores DNS de Google muy utilizados, está disponible en 1.1.1.1 . El nuevo DNS es el más rápido y probablemente también uno de los más seguros que existen. Cloudflare se esforzó mucho en cifrar el servicio y se asoció con Mozilla para hacer que DNS sobre HTTPS funcione para cerrar una gran brecha de privacidad que hasta ahora filtraba todos sus datos de navegación al proveedor de DNS.
• Ya escuché mucho sobre el aprendizaje automático de iOS, pero a pesar del hecho interesante de que pueden hacer esto en el dispositivo sin enviar todo a una nube, todavía no he descubierto cómo usar esto para las aplicaciones. Afortunadamente, Manu Rink elaboró ​​una buena guía en la que explica el aprendizaje automático en iOS para principiantes.
• Hay buenas noticias para los fanáticos de Git GUI: Tower ahora ofrece una nueva versión beta que incluye soporte para solicitudes de extracción, flujos de trabajo de rebase interactivos, acciones rápidas, reflog y búsqueda. Una actualización increíble que hace que trabajar con el software sea mucho más rápido que antes, e incluso para mí, como amante de la línea de comandos, es una buena opción.

Seguridad

• HTTP Strict Transport Security (HSTS), especialmente con precarga, se ha considerado durante mucho tiempo una de las mejores características de seguridad para garantizar que un navegador se conecte de forma segura solo a un nombre de host. Sin embargo, los anunciantes han encontrado una manera de rastrear a los usuarios con HSTS y usarlo como un identificador persistente entre sitios (conocido como "supercookie"). Los desarrolladores de WebKit reaccionaron ahora y, para proteger la privacidad de sus usuarios, debilitaron la confiabilidad de HSTS al limitar el alcance del nombre de host e ignorar un estado de HSTS para solicitudes de subrecursos a dominios bloqueados.
• PagerDuty acaba de publicar una versión de código abierto de su material de capacitación en seguridad interna, lleno de explicaciones interesantes y fáciles de entender sobre problemas y estrategias de seguridad comunes. Esto es especialmente útil ya que puedes dárselo a personas sin experiencia técnica.
• Christoph Rumpel comparte cómo encontró una forma de usar su política de seguridad de contenido con el paquete de almacenamiento en caché de respuestas de Laravel.
• Si bien Argon2 es el algoritmo de mejores prácticas actual para usar para hash (contraseñas, por ejemplo), hay un par de cosas para las que los desarrolladores deben prepararse. Por ejemplo, es fácil usar DOS usted mismo con Argon2, por lo que debe clasificar las consultas de límite.
• James Fisher comparte una forma interesante de estafar a los usuarios de Gmail, como se demuestra en el ejemplo de Netflix.

Rendimiento web

• Esta semana, surgió una discusión sobre si la técnica de servir imágenes comprimidas sigue siendo una buena idea. Tim Kadlec lo tomó como un detonante para volver a visitarlo. Ahora concluye que ya no deberíamos usar la técnica de compresión de imágenes debido a su gran consumo de memoria y confiar en las nuevas tecnologías de imágenes receptivas, como el elemento <picture> o los atributos srcset y sizes .
• Eric Portis comparte los principios ocultos de los descriptores w y el atributo de sizes de las imágenes. Una publicación bastante técnica pero reveladora que finalmente te hace comprender la magia detrás de estos nuevos atributos de imagen receptivos.
• Tim Oxley comparte por qué prefiere regresar temprano y evitar cualquier else siempre que sea posible. Esto es algo que he estado haciendo al comienzo de mi carrera, luego perdí en algún momento, pero volví a hacerlo recientemente. Especialmente la complejidad reducida y la lógica más simple en las funciones es una ventaja clave para mí aquí.
• Jeremy Wagner comparte las mejores prácticas sobre cómo crear un mecanismo de carga lenta para imágenes y videos. Definitivamente no es la solución más rápida, pero el recurso comparte cómo crear la mejor experiencia y rendimiento en función de las últimas tecnologías disponibles en los navegadores.

Accesibilidad

• Marcy Sutton explica las novedades de Axe 3.0, que ahora es compatible con Shadow DOM y que puede ejecutar en su suite de pruebas automatizadas.
• Patrick H. Laucke comparte de qué se trata el nuevo pseudoselector de CSS :focus-visible y cómo debemos escribirlo para garantizar la compatibilidad con versiones anteriores de los navegadores que aún no lo admiten.
• Marco Zehe nos presenta el nuevo Inspector de Accesibilidad en las Herramientas para Desarrolladores de Firefox. Esta es una gran noticia y ayuda a que la inspección de problemas de accesibilidad sea mucho más fácil de lo que solía ser.

CSS

• Amber Wilson comparte algunas ideas sobre lo que se siente al ser arrojado a un proyecto complejo para hacer el estilo allí. Ella dice con razón que “nadie dijo que CSS es fácil” y expresa cuán importante es que nosotros, como desarrolladores, enfrentemos situaciones inconvenientes para aumentar nuestro conocimiento.
• Ana Tudor es conocida por sus habilidades especiales de CSS. Ahora explora y describe cómo podemos lograr esquinas redondeadas en CSS con algunos trucos ingeniosos.

JavaScript

• WebKit obtuvo una actualización para la API del portapapeles, y el equipo brinda información muy interesante sobre cómo funciona y cómo Safari manejará algunos de los desafíos comunes con los datos del portapapeles (por ejemplo, imágenes).
• Si trabaja con almacenes de valor clave que viven solo en la interfaz, IDB-Keyval es una excelente biblioteca liviana que simplifica el trabajo con IndexedDB y localStorage.
• ¿Alguna vez quiso crear gráficos a partir de sus datos con un aspecto incompleto dibujado a mano en un sitio web? Rough.js te permite hacer precisamente eso. Por lo general, está basado en Canvas (para un mejor rendimiento y menos datos), pero también puede dibujar rutas SVG.
• Si necesita un módulo de reordenación de arrastrar y soltar, hay una solución sencilla y accesible disponible ahora: dragon-drop.
• Durante muchos años, solo podíamos obtener valores de CSS en su valor calculado e incluso eso no era flexible ni agradable para trabajar. Pero ahora CSS tiene una API basada en objetos adecuada para trabajar con valores en JavaScript: el modelo de objetos tipificados de CSS. Solo está disponible en el próximo Chrome 66, pero definitivamente es una característica prometedora que me encantaría usar pronto en mi código.
• La documentación de React.js ahora tiene una sección adicional que explica cómo administrar fácil y programáticamente los estados de enfoque para garantizar que se pueda acceder a su interfaz de usuario.
• James Milner comparte cómo podemos usar la recuperación abortable para cancelar solicitudes.
• Ya existen algunos artículos sobre las notificaciones web push, pero la guía de inicio de Oleksii Rudenko es un excelente manual que explica muy bien los principios.
• En los últimos años, obtuvimos muchas funciones nuevas en la plataforma JavaScript. Y como es difícil recordar todo el material nuevo, Raja Rao DV resumió "Todo lo nuevo en ECMAScript 2016, 2017 y 2018".

Vida laboral

• Para crear conciencia sobre lo comunes que son estas situaciones para todos nosotros, James Bennett comparte una situación vergonzosa en la que cometió un simple error que le llevó mucho tiempo descubrir. No soy solo yo quien comete errores, no eres solo tú, y no solo James: todos cometemos errores y, por vergonzosos que parezcan en esa situación en particular, no hay nada por lo que sentirse mal.
• Adam Blanchard dice: “Las personas son máquinas. También necesitamos mantenimiento”. y crea una comparación para que los ingenieros entiendan por qué necesitamos cuidarnos y también por qué necesitamos personas que nos cuiden. Esta es una idea de lo que hacen los ingenieros de personas y por qué es tan importante que las empresas contraten a esas personas para garantizar que un equipo esté saludable.
• Si hay algo de lo que no hablamos mucho en la industria web, es la jubilación. Jan Chipchase ahora escribió muchos pensamientos interesantes sobre la jubilación.
• Rebecca Downes comparte algunas ideas sobre su doctorado en equipos remotos, y revela en qué circunstancias los equipos remotos son excelentes y en cuáles no.

Ir más allá…

• Ahora que discutimos los problemas de los servicios centralizados como Facebook y Google, la descentralización se ve como el salvador de la web independiente. Pero estoy seguro de que si no tratamos de resolver el problema humanitario de fondo con la tecnología, nada cambiará.
• Es posible que haya leído las noticias sobre el primer accidente fatal con un automóvil autónomo. Un triste hito que demuestra lo poco fiable que puede llegar a ser esta tecnología y lo lejos que aún estamos de poder confiar en tales sistemas.
• Hace una década, los dispositivos inteligentes prometían cambiar la forma en que pensamos e interactuamos, y lo han hecho, pero no haciéndonos más inteligentes. Eric Andrew-Gee explora la evidencia científica de que la distracción digital está dañando nuestras mentes.
• Fred Pearce escribió sobre cómo podemos hacer que los centros de datos más grandes del mundo sean más eficientes. Si se pregunta por qué este sería el objetivo deseado, es importante saber que estos centros de datos son responsables del 3 % de las emisiones globales de CO2, tanto como la industria de las aerolíneas.
• "Una central eléctrica de carbón en desuso se reabrirá para alimentar únicamente criptomonedas". No tengo palabras adicionales para esto.

Esperamos que haya disfrutado de esta actualización de desarrollo web. El próximo está programado para el viernes 18 de mayo. Manténganse al tanto.