Lista de lectura de desarrollo web n.º 158: Usabilidad de formularios, Vue.js y despliegue de CSS crítico

En estos días, he estado reflexionando sobre qué propósito tenemos los desarrolladores en nuestro mundo . No puedo darte una respuesta aquí, pero quiero animarte a que también lo pienses. ¿Tienes una opinión sobre esto? ¿Solo estamos complaciendo las demandas de otras personas? ¿O somos nosotros los encargados de asesorar a las personas que nos demandan soluciones si creemos que se equivocan? Una pregunta desafiante, y la respuesta será diferente para todos aquí. Si quieres dejarme saber tus pensamientos, estaría feliz de escucharlos.

Ten paciencia conmigo, la lista de esta semana es muy grande. Aparecieron demasiados buenos recursos que explican conceptos técnicos y de diseño, cómo usar nuevos métodos de JavaScript para escribir aplicaciones más inteligentes, cómo usar CSS Grid Layouts y cómo cuidar su felicidad.

Lectura adicional en SmashingMag:

• Una guía extensa para la usabilidad de formularios web
• Diseño de formularios web: escaparates y soluciones
• CSS Grid, Flexbox, Box Alignment: Nuevo sistema para diseño web
• Cómo usar Analytics para crear un sitio web móvil más inteligente

Noticias

• Safari Technology Preview 17 agrega soporte para Custom Elements v1, rel=noopener y la carga de hojas de estilo a través de un elemento de enlace dentro de los subárboles Shadow DOM. Además, se cambió el comportamiento de precarga: ahora coincide con iOS, donde los recursos como las imágenes tienen menos prioridad al cargar.
• Ya disponible en Nightly Builds, la función para emular conexiones de red aceleradas en las herramientas de desarrollo de Firefox pronto se agregará a la versión estable también.

General

• Matthias Beitl ha escrito un ensayo bien pensado sobre cómo entramos en las "guerras de JavaScript", el cambio de paradigma y una mejora de tiempo extra.

Diseño conceptual

• Erika Hall explica en su reciente charla Beyond Tellerand por qué nos esforzamos tanto en medir cosas y recopilar datos y por qué esto no significa que obtengamos mejores conocimientos o tomemos mejores decisiones.
• Algo que se olvida fácilmente cuando se piensa en la usabilidad del formulario es cómo la colocación de etiquetas puede ser importante cuando un usuario hace zoom en una página. Por ejemplo, debemos considerar que colocar etiquetas encima de los elementos significa que los usuarios que hacen zoom no perderán el contexto.
• ¿Cómo diseñar un formulario de registro simple y utilizable para una reforma tributaria? @jelumalai explica el proceso desde la perspectiva de un diseñador, profundizando en el desafío de pedir mucha información mientras se mantiene un flujo de trabajo claro para el usuario.
  

Herramientas y flujos de trabajo

• FormLinter verifica su formulario en busca de problemas de usabilidad. Si desea saber más sobre lo que hace y cómo funciona, la publicación del anuncio de Ben Orenstein le dará algunas ideas.

Accesibilidad

• Stefan Judis explica cuándo usar y cuándo no usar aria-selected . Aplicarlo al elemento de navegación activo actual, por ejemplo, no es correcto, pero aplicarlo a la pestaña activa actual en una tablist de pestañas, por otro lado, sí lo sería.

JavaScript

• Mike Street muestra cómo crear una aplicación web con Vue.js 2 usando Vue-router. Un buen manual si eres nuevo en Vue.js.
• El método requestIdleCallback de JavaScript pronto llegará a Firefox 52. Si no quiere esperar, buenas noticias: ya se puede probar en Nightly Builds y también es compatible con Chrome, donde agrega un gran valor a la programación de tareas en cooperación con el entorno del navegador. .
• Patricia García comparte su historia de cómo logró ayudar a combatir el ébola en África con JavaScript. Un gran ejemplo de cómo escalar el diseño de aplicaciones fuera de línea y por qué los conceptos bien pensados ​​son importantes para construir una solución que funcione correctamente.

CSS/Sass

• Oliver Williams comparte lo que aprendió sobre CSS Grid Layout. Una vez que se dé cuenta de que está diseñado para usarse junto con Flexbox y no como un reemplazo, comprenderá lentamente cuán poderosa es realmente la nueva tecnología.
• JP de Vries comparte los desafíos de desarrollar CSS crítico y por qué la mayoría de los sitios web están mejor sin él.

Vida laboral

• Mike Monteiro dio una charla impactante en la conferencia Beyond Tellerrand de este año en Berlín. “Alabemos ahora a la gente común” nos abre los ojos a cómo podemos cambiar el mundo y por qué necesitamos nuevas empresas sobrevaloradas que solo afirman cambiar algo para que realmente hagan un trabajo significativo. Si puedo hacer que veas algo esta semana, tómate 45 minutos, siéntate y escucha a Mike Monteiro.
• selfcare.tech quiere ayudar a los desarrolladores a cuidar mejor su salud. Muestra algunos métodos excelentes para resolver problemas comunes que todos enfrentaremos en algún momento.

Ir más allá…

• Estos paneles solares son sin duda un invento genial: pueden extraer agua potable directamente del aire, hasta 5 litros por día por panel. Una muy buena manera de obtener agua cuando no tienes los recursos hídricos tradicionales.

Y con eso, voy a cerrar por esta semana. Si te gusta lo que escribo cada semana, apóyame con una donación o comparte este recurso con otras personas. Puede obtener más información sobre los costos del proyecto aquí. Está disponible por correo electrónico, RSS y en línea.