Actualización mensual de desarrollo web 7⁄2019: técnicas modernas y buenos problemas

Publicado: 2022-03-10
Resumen rápido ↬ Para su lista de lectura mensual, Anselm Hannemann resumió lo que ha sucedido en el mundo del desarrollo web en las últimas semanas. Desde noticias sobre navegadores y UI/UX hasta privacidad, herramientas, trabajo y vida.

¿Qué podemos hacer para causar “buenos problemas”? En primer lugar, creo que deben ser acciones amistosas, útiles y significativas que no afecten la vida de otras personas. En segundo lugar, es algo en lo que creemos firmemente: podría ser el uso de métodos de JavaScript más simples, la reducción del tamaño de la aplicación, una mejor interfaz de usuario, la publicación de un libro o la creación de un negocio sin vender datos de usuarios a otros. Sea lo que sea, es bueno tener un punto de vista y hablar de ello.

Es bueno aconsejar a los demás sobre los problemas de accesibilidad, sobre cómo escuchar mejor a los demás en una conversación, cómo gestionar mejor los proyectos, productos o incluso una empresa. Lo más importante de todas estas acciones es recordar que están ayudando a otras personas y no impactándolas tanto como a los animales o nuestro medio ambiente en general.

Hacer algo útil, por pequeño que parezca, siempre es algo bueno. ¡Y no olvide honrar su acción simplemente sonriendo y agradeciendo lo que hizo!

Noticias

  • Chrome 76 elimina un par de cosas, como feature policy: lazyload , uso inseguro de DeviceMotionEvent y DeviceOrientationEvent . Si los usa, asegúrese de usar un contexto seguro ahora o reemplácelos por sus sucesores.
  • Firefox 68 está disponible y esto es nuevo: BigInts para JavaScript, comprobaciones de accesibilidad en DevTools, CSS Scroll Snapping y Marker Styling, ya no se permite el acceso a cámaras, micrófonos y otros dispositivos multimedia en contextos inseguros como HTTP simple. Ahora es posible reenviar una solicitud de red sin editar el método, la URL, los parámetros y los encabezados a través de DevTools, y también se incluyen muchas correcciones (de compatibilidad) para las funciones de CSS.
  • Chrome 76 brinda soporte de imágenes para la API del portapapeles asíncrono, lo que facilita copiar y pegar image/png mediante programación (actualmente, este es el único formato compatible, aunque, desafortunadamente) imágenes.
  • La prevención de seguimiento ahora está disponible en la vista previa de Microsoft Edge, siguiendo a otros navegadores como Safari y Firefox.
¡Más después del salto! Continúe leyendo a continuación ↓

Genérico

  • ¿Has oído hablar del concepto de “buen problema”? Frank Chimero lo define como cuestionar y volver a imaginar el status quo, y hacer que tus acciones contrasten con la norma. Pero la entrevista con el diseñador muestra mucho más que un nuevo concepto, es un desafío a la forma en que trabajamos hoy y cómo hacer cosas propias que no se ajustan a la norma de la sociedad.

Particularmente, me gusta esta cita aquí:

“Reduzca la velocidad, encuentre un lugar tranquilo y cree tiempo para la soledad para que pueda escucharse a sí mismo. Es tan ruidoso ahí afuera”.
  • ¿Y si el control es sólo una ilusión? Nos daríamos cuenta de que la verdadera naturaleza de una experiencia se revela solo en la interacción con las personas que la usan y que un diseño invalidado no es más que una opinión. Todo un pensamiento que pone nuestras suposiciones y enfoque en los proyectos bajo una luz diferente.

interfaz de usuario/experiencia de usuario

  • Muchos botones de alternancia únicos fallan al mostrar el estado actual o al hacer visible la opción no seleccionada: aquí se explica cómo alternar botones e indicadores de la manera correcta.

Accesibilidad

  • Lindsey Kopacz comparte cómo podemos crear casillas de verificación personalizadas pero accesibles desde el teclado con técnicas modernas de CSS.

JavaScript

  • Marta Wisniewska comparte cómo funcionan flat() , flatMap() y fromEntries() y otras características de ES2019 y cuándo usarlas.
  • Addy Osmani sobre el costo de JavaScript en 2019. Un artículo (o video, si lo prefiere) para todos los que crean aplicaciones de JavaScript.

CSS

  • Miriam Suzanne explica las propiedades personalizadas de CSS y su función en la cascada en un artículo detallado.

Vida laboral

  • La escucha activa es una habilidad que nos ayuda a escuchar el significado y cómo se siente la otra persona en lugar de la escucha habitual que se centra en "¿cómo puedo responder o comentar esto o cómo lo resolveremos?". La guía de Buffer escrita por Marcus Wermuth es un gran recurso para aprender y practicar la escucha activa.
  • Christoph Rumpel comparte lo que aprendió de la autoedición de un libro y muestra información interesante sobre las finanzas del mismo y qué evitar o mejorar.
  • Ben Werdmuller sobre cómo hacerlo bien mientras se hace el bien: esta es una historia personal sobre cómo luchar con los ingresos, las inversiones, el capital de terceros, tratar de ganar dinero por su cuenta vendiendo su producto mientras tiene competidores libres y cómo seguir produciendo cosas buenas mientras hace económicamente bien.
  • Shape Up: Stop Running in Circles and Ship Work that Matters es un nuevo libro en línea gratuito de Ryan Singer sobre la gestión de proyectos, la dirección de una empresa y un producto. Es increíble y aunque solo tuve tiempo de hojearlo rápidamente y leer algunos capítulos y secciones individuales, definitivamente se convertirá en un recurso para guardar y consultar con regularidad.

Ir más allá…

Estuve en el cine la semana pasada para ver una película sobre unas personas que crearon una granja. El tráiler era agradable y, aunque no estaba 100 % convencido, fue una noche en la que me levanté para ver una película. Así lo hice y estuvo bien que fuera a ver “The Biggest Little Farm”. El granjero hizo la película él mismo, ya que es un cineasta de vida silvestre, ¡así que espera algunas imágenes y secuencias impresionantes de animales salvajes allí!

La parte más reveladora fue el impacto que solo un puñado de personas puede tener en la tierra desértica en unos pocos años, y cuánto nosotros, como humanos, podemos influir en la vida silvestre, dar un hábitat a los insectos y producir alimentos de calidad al mismo tiempo que incluimos CO2 del aire a nuestro suelo para que las plantas crezcan mejor, para restaurar la naturaleza y tener un impacto en el esfuerzo de lucha contra el cambio climático.

En varios momentos durante la película, estuve al borde de las lágrimas y estaba muy agradecido de poder tener mi pequeño espacio en el jardín también donde puedo hacer cosas similares (aunque mucho más pequeñas que su granja). Si te apetece algo nuevo, aprender algo sobre la comida, la carne, la economía y cómo se conecta todo o cómo crear un hermoso espacio verde a partir del desierto, esta película es para ti.

Por último, pero no menos importante, los paneles solares son una buena manera de producir energía renovable y es un buen uso de los techos. Sin embargo, en China, la contaminación del aire es actualmente tan mala que los paneles solares a veces dejan de funcionar. ¡Otra razón para actuar rápido! Si los paneles solares no funcionan por falta de rayos solares, nuestro cuerpo sufrirá la misma falta de luz solar y la necesitaremos para nuestra salud.