Hace pocos días AWS anunció a través de una publicación en su sitio web oficial el lanzamiento de Cloudscape Design System, una solución de código abierto para crear aplicaciones web intuitivas.

Cloudscape Design System, consiste en un conjunto integral de pautas para crear aplicaciones web, así como también recursos de diseño y componentes front-end para agilizar la implementación.

“Hoy, estamos encantados de anunciar Cloudscape Design System, una solución de código abierto para crear experiencias de usuario atractivas e inclusivas a escala. Cloudscape

“Lo creamos en 2016 para mejorar la experiencia del usuario en las aplicaciones web de AWS y también para ayudar a los equipos a implementar estas aplicaciones más rápido. Desde entonces, lo hemos mejorado continuamente en función de los comentarios de los clientes y la investigación realizada”, dice AWS.

Sobre Cloudscape Design System

Cloudscape es un sistema de diseño de código abierto para crear aplicaciones web con la finalidad de mejorar la experiencia del usuario en las aplicaciones web que pertenecen a los servicios de AWS y también para ayudar a los equipos a implementar estas aplicaciones más rápido.

Cada componente tiene un entorno de trabajo donde los diseñadores y desarrolladores pueden ver cómo se comporta el componente, así como un código de muestra. Para ahorrar tiempo y esfuerzo al crear, AWS ofrece orientación paso a paso sobre opciones de accesibilidad y soluciones de diseño.

Cuando crea pruebas automatizadas para una aplicación, interactúa con los componentes de Cloudscape. Por ejemplo, puede elegir un botón de Cloudscape y afirmar que la aplicación se actualiza para reflejar la acción que asoció con ese botón. La estructura HTML interna de los componentes de Cloudscape, incluidos los nombres de las clases CSS, puede cambiar en cualquier momento.

Es por eso que AWS creó utilidades de prueba para cada componente. Las utilidades de prueba cuentan con API estables para que pueda acceder a las partes relevantes de estos componentes sin preocuparse por qué selector usar. Las utilidades de prueba de Cloudscape son independientes del marco y se pueden usar con cualquier pila de prueba (desde Jest y jsdom hasta WebdriverIO), así como con las siguientes:

• Pruebas unitarias, donde generalmente tiene acceso directo al modelo de objeto del documento (DOM)
• Pruebas de integración, donde es típico confiar en selectores de cadenas. Las utilidades de prueba son parte del paquete de componentes principal.
• Un filtro de selección: que permite a los usuarios encontrar elementos específicos en una colección de recursos eligiendo una o dos propiedades.
• Container: Con el contenedor, puede presentar un grupo de elementos de contenido, lo que indica que los elementos están relacionados. Por ejemplo, una matriz es un tipo de contenedor.
• Sección expandible: con ella los usuarios pueden expandir o contraer una sección. Se recomienda utilizar secciones expandibles cuando tiene varias secciones en una página y desea permitir que los usuarios vean una o más secciones a la vez. Las secciones desplegables están colapsadas de forma predeterminada.
• Un punto de acceso: En los tutoriales prácticos, los puntos de acceso son contenedores invisibles que marcan dónde deben colocarse los iconos de los puntos de acceso. Los íconos de puntos de acceso son representados por el contexto de anotación y se usan para abrir y cerrar ventanas emergentes de anotación.
• Panel dividido: este es un panel ajustable que brinda acceso a información o controles secundarios. Este es el componente principal para implementar la vista dividida, una plantilla para mostrar una colección de recursos con detalles de recursos contextuales.
• Wizard: Un formulario de varias páginas que guía al usuario a través de un flujo complejo o una serie de tareas interrelacionadas. Un asistente consta de un panel de navegación, un encabezado, un área de contenido principal y botones de acción.

Finalmente si estás interesado en poder conocer más al respecto, debes saber que Cloudscape Design System fue creado para los productos y servicios de AWS y es utilizado por ellos. Se lanza como código abierto para que cualquier persona que cree productos en la nube pueda beneficiarse del sistema de diseño de AWS.

Puedes consultar los detalles en el siguiente enlace.