Web
Contribuí a un editor de código abierto, y tú también puedes
Hace unos meses, la [publicación sobre el autocompletado en formularios](https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/) de Jason Grigsby hizo las rondas. Me encantó la idea de permitir a los usuarios completar los detalles de su tarjeta de crédito tomando una foto de su tarjeta. Lo que no me encantó fue aprender [de memoria todos los valores posibles para autocompletar] (https://html.spec.whatwg.org/multipage/forms.html#autofill). Me estoy volviendo perezoso en mi vejez. Últimamente, me ha echado a perder el uso de un editor que realiza el autocompletado inteligente por mí, algo que en el pasado solo ofrecían los IDE complejos masivos. Al abrir el editor de mi elección, creé un elemento `input` y agregué un atributo `autocompletar`, solo para descubrir que la finalización del código me ofrecía el estado `on` o `off`. Decepcionante.
Lee masEtiqueta de Photoshop para diseño web receptivo
Han pasado casi cinco años desde que se lanzó [Photoshop Etiquette](https://photoshopetiquette.com/), lo que lo convierte oficialmente en una reliquia en la web. Pueden pasar muchas cosas en la web en unos pocos años, y estos últimos cinco lo han ilustrado mejor que la mayoría.
Lee masCómo ejecutar una crítica de diseño de interfaz de usuario
La crítica es fácil. Parece que todo el mundo tiene una opinión, pero, como señala el autor Harlan Ellison, "No tienes derecho a tu opinión. Tienes derecho a tu opinión informada". Sin embargo, informarse requiere exploración. Las críticas de diseño son una parte importante de la exploración de cualquier producto. Una crítica de diseño, donde el creador discute y explica la creación con el resto del equipo y/o el cliente, no se trata de acosar al diseñador o presionarlo para que justifique cada decisión que tomó. Eso es solo critica. **Una buena crítica de diseño está destinada a explorar el diseño**, encontrar dónde está funcionando y dónde podría mejorarse. Si se hace bien, las críticas de diseño permiten que todos los miembros del equipo sientan que han sido escuchados y permiten que los clientes brinden comentarios valiosos.
Lee masUna guía para principiantes sobre aplicaciones web progresivas
Las PWA aprovechan las últimas tecnologías para combinar lo mejor de las aplicaciones web y móviles. Estos artículos analizan los avances recientes en el navegador y las oportunidades que nosotros, como desarrolladores, tenemos para crear una nueva generación de aplicaciones web.
Lee masFundamentos del diseño de experiencias: microinteracciones animadas en aplicaciones móviles
Dariel Fitzkee, el famoso mago, dijo una vez: “La magia está tanto en los detalles como en la interpretación”. El diseño de interacción es así. A los diseñadores les encanta ver bien el panorama general, pero si los detalles no se manejan correctamente, la solución fallará. **La magia está en los detalles**. Es por eso que las microinteracciones bien diseñadas hacen que las experiencias se sientan diseñadas. Para obtener una mejor comprensión de cómo su diseño se beneficia de las microinteracciones, será útil esbozar las ideas de su aplicación. Adobe presentó una nueva aplicación de diseño y creación de esquemas llamada Experience Design (o Adobe XD) que le permite diseñar esquemas y hacerlos interactivos. Puede descargar y probar Adobe XD de forma gratuita.
Lee masLos desarrolladores son "dueños" del código, ¿no deberían los diseñadores "poseer" la experiencia?
Todos hemos estado allí. Pasó meses recopilando requisitos comerciales, resolviendo viajes de usuario complejos, elaborando elementos de interfaz de precisión y probándolos en una muestra representativa de usuarios, solo para ver un producto final que se parece poco a la experiencia deseada.
Lee masDiseño de memoria de usuario: cómo diseñar para experiencias duraderas
Los dos gráficos que se muestran a continuación cambiaron mi forma de pensar sobre el pensamiento. Reproducido de un estudio de psicología clásico de 1996, la historia detrás de estos gráficos es una ilustración vívida de que la forma en que los humanos nos sentimos en el momento en que experimentamos el mundo puede ser muy diferente de cómo nos sentimos cuando recordamos esas experiencias más tarde.
Lee masFondo de Pantalla Calendarios: Agosto 2016
[Desde hace ocho años](https://www.smashingmagazine.com/tag/wallpapers/), nuestro desafío mensual de fondos de escritorio es un favorito de Smashing que no sería posible sin los esfuerzos incansables de diseñadores y artistas talentosos de todo el mundo. . En una búsqueda para satisfacer **fondos de pantalla que son un poco más distintivos que la multitud habitual**, los desafiamos a ustedes, la comunidad de diseño, a hacer fluir sus jugos creativos y producir algunos diseños interesantes e inspiradores cada mes. Y, bueno, no fue diferente esta vez.
Lee masLista de lectura de desarrollo web n.º 147: Directrices de seguridad, componentes de interfaz de usuario accesibles y diseño de contenido primero
Cuando se trabaja en equipo, es importante apegarse a las reglas. Un desafío común es construir todos sus proyectos con un conjunto de herramientas similar o el mismo y **directrices de codificación**. Ayer mismo discutí cómo podríamos trasladar un proyecto que superó su base de código inicial a lo largo de los años a un código fuente nuevo basado en React.js. La decisión de esto no fue fácil, ya que ya habíamos invertido mucho trabajo y dinero en este proyecto, y pasar a React también requeriría bastante tiempo. Pero dado que el cambio tiene sentido desde una perspectiva técnica y el equipo ya está usando React para otros tres proyectos, llegamos a la conclusión de que este sería un buen paso. Permitirá que más desarrolladores del equipo contribuyan al proyecto, revisen el código y reduzcan el cambio de tecnologías en la empresa. De vez en cuando, es hora de reevaluar sus proyectos y seguir adelante.
Lee mas