Actualización mensual de desarrollo web 12⁄2017: lanzamiento pragmático, elementos personalizados y toma de decisiones

Publicado: 2022-03-10
Resumen rápido ↬ ¿Qué pasó en la comunidad web en las últimas semanas? Anselm Hannemann resume todo lo nuevo e importante para que no te pierdas nada.

Hoy leí un artículo revelador sobre la generación joven actual y su futuro financiero. Es difícil comprender palabras como "Millenials", y se habla mucho sobre los problemas específicos que enfrentan, pero, para muchos de nosotros, no es fácil entender su lucha, sin importar si eres mayor o menor que yo (califico bajo la generación Millenial). Pero el entretenido y súper informativo artículo de Michael Hobbes me reveló mucho. No solo porque ahora entiendo, e incluso me identifico, algunos de los hechos descritos allí, sino también porque el artículo muestra cómo los diferentes grupos de edad forman una sociedad, sin darse cuenta del impacto que sus decisiones pueden tener en la vida de otras personas.

Como profesionales de la web, podemos relacionarnos con eso en muchos aspectos. Cuando construimos proyectos web, tomamos decisiones y, a menudo, las basamos en lo que es mejor para nosotros (como desarrolladores, emprendedores, estrategas de marketing, personal de apoyo), sin pensar en cómo estas decisiones pueden afectar a otras personas. Al crear sitios web inaccesibles, excluimos a millones de usuarios; Al implementar mejores bibliotecas y eventos de análisis, proporcionamos datos de nuestros usuarios a terceros. A veces parece imposible tomar una decisión correcta, y nos sentimos tan abrumados por el hecho de que no podemos hacer lo correcto que descartamos todas las decisiones razonables y bien informadas, y nos enfocamos únicamente en lo que es mejor para nosotros. Nosotros mismos. Podemos ser más inteligentes. Y aunque probablemente no podamos hacer todo bien , aún podemos dar pequeños pasos en lugar de abrumarnos. No es fácil, pero tal vez sea algo para una resolución de año nuevo.

¡Más después del salto! Continúe leyendo a continuación ↓

Noticias

  • Grandes noticias sobre WHATWG: las organizaciones detrás de los cuatro principales motores de navegación integrados (Apple, Google, Microsoft y Mozilla) desarrollaron una política de derechos de propiedad intelectual (IPR) y una estructura de gobierno para WHATWG. Se espera que esto resulte en un mejor nivel de vida que proporcione un recurso más útil.
  • En realidad, lanzado en noviembre, esto es lo nuevo en Firefox 57. Ahora viene con un nuevo motor Quantum súper rápido. Las extensiones web también se han convertido en una realidad, y se pueden esperar muchas más correcciones de errores para problemas antiguos y mejoras de rendimiento en el futuro. Pero, ¿qué pasa con nosotros los desarrolladores? Firefox 57 admite <input type="\\[date|time]"> , se corrigieron muchos errores de CSS gracias al nuevo motor, y la API Performance Observer ahora está habilitada, al igual que la API de almacenamiento y la API de cancelación (p. ej. para solicitudes de búsqueda). Por último, pero no menos importante, el modo sin cabeza ahora es compatible con el increíblemente útil indicador --screenshot . Por cierto, el motor Quantum también llegará pronto a Firefox en Android 59.
  • Chrome 63 ya está disponible con algunas características nuevas increíbles: módulos JavaScript dinámicos, iteradores y generadores async , overscroll-behavior CSS (que admite de forma nativa la extracción para actualizar) y compatibilidad con la API Intl.PluralRules , por ejemplo. Además, la interfaz de usuario de Permisos ahora solicita permiso en un modal para dejar en claro que los propietarios del sitio solo deben solicitar permisos adicionales cuando sea necesario y útil. La API Intl.PluralRules también se incluye en esta versión.

General

  • Amazon es increíble, ¿verdad? Su nube es rápida, grande y barata. Su tienda ofrece de todo y entrega rápidamente. Esta semana, Amazon Web Services anunció algo muy interesante: "AWS ahora proporciona a la comunidad de inteligencia de EE. UU. una capacidad de nube comercial en todos los niveles de clasificación: sin clasificar, sensible, secreto y ultrasecreto". Sí, leíste bien: parece que Amazon será la empresa responsable de alojar los datos ultrasecretos del servicio de inteligencia de EE. UU. Estoy bastante seguro de que no es una buena idea que los servicios gubernamentales comiencen a depender completamente del servicio en la nube exclusivo de una empresa sin opción de volver fácilmente a un competidor oa su propia alternativa. Póngalo en relación con lo que es Amazon: hasta el 70 % del tráfico de Internet pasa por el centro de datos de AWS Virginia, Amazon quiere una cámara y un micrófono en su dormitorio, su sala de estar y también una llave inteligente para su apartamento o casa, y ya es imposible no usar AWS si usa Internet. ¿Qué pasará con la comunidad de inteligencia de EE. UU. si esta nube segura de AWS sufre una interrupción como sucedió este año? ¿Seguirán pudiendo operar? ¿Qué pasa si sucede durante una investigación activa?

Estampación

  • ¿Quién de nosotros no conoce los grandes desafíos de los lanzamientos y cuánto tiempo pueden consumir? Raymond Rutjes ahora sugiere que hacer un lanzamiento debería ser posible para todos en el equipo. Debería ser fácil, sin preocupaciones y, quizás lo más importante, rápido.
  • Francesco Schwarz creó una nueva herramienta para visualizar la especificidad de su CSS. Muy útil para analizar algunos conceptos erróneos en su estructura o para identificar módulos que deben refactorizarse.
Liberación pragmática
Menos preocupaciones, más envío. Eso es liberación pragmática. (Fuente de imagen)

interfaz de usuario/experiencia de usuario

  • Con Spectral, hay un nuevo tipo de letra serif de pantalla primero disponible bajo una licencia de código abierto.
  • John Moore Williams comparte sus mejores prácticas para el diseño de búsqueda de sitios. Sugerencias importantes si desea brindarles a sus usuarios una experiencia de búsqueda poderosa e impactante.

Rendimiento web

  • Michael Scharnagl explica cómo podemos usar Service Workers (que son básicamente un proxy web) para cargar imágenes basadas en la API de información de red.
  • Harry Roberts a menudo encuentra las palabras correctas para descubrir problemas que no son obvios para muchas personas. Su artículo "Las falacias de la computación distribuida (aplicada al rendimiento front-end)" trata sobre hacer suposiciones para los usuarios y sobre descuidar activamente o pensar demasiado en problemas como el rendimiento de la red.
  • “The Best Request Is No Request, Revisited” es un nuevo artículo de Stefan Baumgartner que explica lo que puede hacer con HTTP/2 en este momento y los cambios que funcionan en teoría pero aún no en la práctica.
  • Samuel Parkinson explica lo que sucede cuando visitas ft.com. Una visión detallada que comienza con el DNS y continúa el viaje a través del flujo de trabajo de solicitud completo del Financial Times.
Pila de tiempos financieros
La pila ft.com simplificada. Para obtener más información, asegúrese de consultar el artículo de Sam Parkinson. (Fuente de imagen)

Seguridad

  • 4iQ, una empresa de protección de identidad, encontró una base de datos filtrada que contenía 1.400 millones de credenciales de texto claro en la Dark Web. Es probablemente el recurso conocido más grande disponible hasta el momento y muestra una vez más lo importante que es usar contraseñas únicas para cada servicio.
  • HSTS es un método para decirle a un navegador que solo se conecte a ciertos nombres de host a través del protocolo seguro HTTPS. Sin embargo, la forma en que se implementa actualmente en los navegadores está bastante dañada y es vulnerable a los ataques, como lo muestra de manera destacada la investigación.
  • Tobias Tom comparte cómo en Colloq implementaron una verificación de contraseña que evita que los usuarios elijan una contraseña que ha estado expuesta en una violación de datos públicos. Se basa en el increíble conjunto de datos de Troy Hunt y comparte algunos datos interesantes sobre cómo verificar un conjunto de datos de Postgres de 40 GB sin afectar el rendimiento de su sitio.
  • Probablemente ya haya oído hablar de la minería criptográfica en el navegador. Un script recién descubierto verifica la compatibilidad con WebAssembly para aprovechar al máximo la capacidad del hardware y luego abre una ventana emergente que extrae criptomonedas en segundo plano. La única mitigación es forzar manualmente el cierre de todos los procesos de tareas del navegador. Sin embargo, también hay algunas extensiones de navegador disponibles que bloquean directamente los scripts de minería más comunes.

Accesibilidad

  • ¿Cuál es el mejor enfoque para diseñar y codificar una tabla que funcione para todos? Adrian Roselli comparte cómo crear tablas receptivas y accesibles.
  • Esta es Marcy Sutton asumiendo el valor de escribir pruebas automatizadas de accesibilidad y por qué tenerlas no significa que ya no necesitemos hacer el trabajo de accesibilidad manual.

CSS

  • Jonathan Snook explica cómo podemos crear un diseño de calendario con CSS Grid.
  • Con la próxima especificación de nivel 4 de selectores de CSS obtendremos un pseudoselector :is similar a :matches pero sin aumentar la especificidad.

JavaScript

  • Brian Kardell escribió una publicación importante sobre cómo pronto podremos usar elementos personalizados como una extensión de un elemento nativo común. Esto es especialmente bueno, ya que no necesitaremos construir todo desde cero, sino que podremos ampliar los elementos nativos con personalizaciones y al mismo tiempo heredar la accesibilidad y la usabilidad completas del elemento nativo. Aparte de eso, esta función permite crear elementos personalizados progresivamente mejorados.
  • ¿Lograr consultas de contenedores con herramientas modernas en JavaScript? Ali Alaa comparte cómo podemos hacerlo con MutationObserver.
  • Safari ya tiene soporte de import() en las compilaciones de vista previa, y Chrome 63 también lo admitirá. Mathias Bynens explica qué significa esto y cómo podemos usarlo. import() básicamente es import on fire y le permite cargar módulos completos de JavaScript sobre la marcha solo cuando realmente los necesita.
  • Jake Archibald explica la diferencia sutil pero vital entre await , return y return await y da consejos sobre cuándo usar cuál.
Consultas de medios con MutationObserver
Si alguna vez deseó que las consultas de medios se basaran en el ancho de los elementos en lugar de en toda la ventana gráfica, la solución alternativa de Ali Alaa es para usted. (Fuente de imagen)

Vida laboral

  • “Hubo un tiempo en el que podías escribir algunos poemas, morir de tuberculosis y llamarlo una vida bien vivida”. Quinn Norton publicó un pensamiento "Contra la productividad" y sobre el extraño esfuerzo en todos nosotros por una mayor productividad en la vida.
  • James Clear explica por qué la vida siempre parece complicarse más y qué podemos hacer para no sentirnos abrumados por esto.
  • Según The Guardian, muchos empleadores ya están utilizando una variedad de tecnologías para monitorear los patrones de navegación web, pulsaciones de teclas, publicaciones en redes sociales e incluso aplicaciones de mensajería privada de sus empleados. Es una vigilancia laboral que demuestra absoluta desconfianza de la empresa hacia su personal. Pero, ¿qué puede hacer usted si su empleador hace lo mismo? Probablemente, lo mejor sea hablar con su jefe para decirle que no valora su trabajo y que se siente como si no confiara en usted si lo supervisa.
  • Ryan Singer comparte por qué simplemente hacer Agile no funciona. Los problemas radican en hacer las cosas mal, construir según las especificaciones y distraerse. Encontrar las cosas correctas para trabajar, hacerlo con cuidado y en ciclos es un trabajo realmente ágil. No se distraiga con números y términos, y concéntrese en las cosas importantes.
  • Alida Miranda-Wolff aborda el tema de por qué "moverse rápido y romper cosas" es una mala idea cuando se trata de personas porque entonces la "cosa" que se rompe es una persona. El tema de las horas de trabajo, la felicidad en el trabajo, el crecimiento del talento y por qué es tentador seguir patrones dañinos.
  • Dan Kim comparte por qué cree que es hora de terminar las reuniones periódicas para trabajar juntos de una manera que no pierda el tiempo sino que se centre en cosas importantes que deben discutirse. Una súplica para pensar razonablemente en las reuniones recurrentes.
Corriendo en círculos
El trabajo que requiere la resolución de problemas es como una colina. Ryan Singer explica por qué Agile no funciona en ese caso. (Fuente de imagen)

Ir más allá…

  • Scott Berkun explica por qué el cambio correcto a menudo se siente mal. Si puede relacionarse con eso, le recomiendo leer este artículo, ya que lo ayuda a comprender por qué nos sentimos así y por qué esto es natural.
  • La gente detrás de la gran serie Do Lectures compartió 100 libros de 2017 que nos recomiendan leer. Y aunque no podré leer los cien libros, hay algunos consejos excelentes en la lista que califican como una buena lectura de fin de año.
  • En los últimos meses, he leído más y más artículos de personas que trabajan o han trabajado para empresas de redes sociales y ahora hablan sobre cómo dichos servicios están contribuyendo enormemente a destrozar nuestra sociedad. Este es otro que muestra el problema de la desinformación, las "líneas de tiempo" agregadas influenciadas por la IA que solo empeoran las cosas en lugar de unificar a la sociedad y ayudar a las personas. Si bien hay mucho valor en las redes sociales, hay un problema subyacente en la mayoría de los grandes servicios: en la lucha por obtener más ingresos y nuevas funciones, estos servicios intentan hacer coincidir los intereses de las personas y fallan horriblemente porque coinciden bastante bien con los intereses en lugar de proporcionar atención. Contenido abierto, neutral y objetivo para los usuarios que les haga reflejar sus puntos de vista e intereses.

Esperamos que haya disfrutado de esta actualización de desarrollo web. El próximo está programado para el 19 de enero. ¡Manténganse al tanto!