El equipo web de Canonical realiza iteraciones de dos semanas para crear y sostener todos los sitios web y las interfaces web de productos de Canonical. Estos son algunos de los aspectos más destacados de nuestro trabajo completo de esta iteración.
Conocer al equipo
Mi nombre es Clément, vivo en Toulouse, Francia. Me uní a Canonical hace cuatro meses y trabajo como desarrollador frontend en el equipo web.
Oportuno a la pandemia, todavía no he tenido la oportunidad de conocer a mis queridos colegas en persona, pero no puedo esperar para subirme a un avión / tren a Londres tan pronto como sea seguro hacerlo.
En el momento de escribir este artículo, estoy trabajando en la tienda Ubuntu Advantage para amplificar soporte para suscripciones mensuales, entre otras cosas.
Las cosas que me gustan incluyen cocinar, chistes cursis, escribir CSS, juegos (video y de mesa), música pop cursi y punto de cruz.
Escuadrón web
Web Squad desarrolla y mantiene la mayoría de los sitios de Canonical como ubuntu.com, canonical.com y más.
Actualizaciones de la nueva tienda Ubuntu Advantage
Gran parte de nuestro enfoque para el equipo en esta iteración fue terminar y aplicar un poco de pulido a la nueva tienda Ubuntu Advantage. La horizonte de despacho de suscripciones se ha reforzado para adaptarse a la orientación del afortunado y las opciones de despacho de las suscripciones.
Navegación de segundo nivel en el sitio web chino
Hemos adjunto navegación de segundo nivel al sitio chino para acomodar la página principal. Puede ver esto https://cn.ubuntu.com/internet-of-things
Nueva página de hackfest para OSM
Con cada tiro, la comunidad OSM organiza el OSM Hackfest. Creamos una página para esto.
Visite la página de hackfest de OSM
Marca
El equipo de la marca desarrolla nuestra táctica de diseño y crea la apariencia de la empresa a través de muchos puntos de contacto, desde la web, documentos, exposiciones, logotipos y videos.
Diagramas de documentación de OSM
Con la creación de los primeros documentos de implementación de Charmed OSM, diseñamos algunos diagramas que se utilizarán en la documentación para ilustrar Charmed OSM con anciano claridad.
Diagrama de OpenStack
Diagrama rediseñado que muestra cómo sus aplicaciones pueden integrarse con OpenStack.
Ilustraciones de nubarrón privada de OpenStack
Ilustraciones para una próxima página nueva para la nubarrón privada de OpenStack, incluido un control deslizante interactivo para demostrar la naturaleza rentable de la nubarrón privada con un uso de VM de gran cuerpo.
Ilustración de ESM para ROS
Se nos asignó la tarea de crear una ilustración para ir a la página web de ESM para ROS que mostrara la añadidura de Mantenimiento de seguridad extendido para robots que se ejecutan en ROS y Ubuntu. Hicimos una serie de variaciones que aportan un poco de personalidad a la página.
Clase de marca: Canonical y Ubuntu
Continuamos con nuestro trabajo para crear una anciano adscripción de marca al abocar Canonical y Ubuntu y ver cómo esto se manifiesta en nuestro idioma visual contemporáneo y en los distintos medios de comunicación. Además nos tomamos un tiempo para considerar la modernización del Círculo de Amigos, que esperamos poder comenzar a implementar en un futuro próximo.
MAAS
El equipo MAAS desarrolla la interfaz de afortunado para el tesina MAAS.
Reaccionar la migración
El trabajo para portar los detalles de la máquina a React continúa. La última en portar es la pestaña de red. En el camino, corregimos errores y realizamos pequeñas mejoras de UX.
La pestaña de red actualizada ahora tiene sugerencias cuando las acciones están deshabilitadas para que el afortunado sepa qué pasos se deben tomar para completar una tarea.
Actualizaciones de LXD KVM
MAAS está en proceso de aumentar el soporte para proyectos LXD, que son una forma de dividir los servidores LXD. Estos cambios requieren un gran cambio en el funcionamiento de las páginas KVM, ya que ahora los KVM LXD deben estar al tanto de otros proyectos interiormente del servidor.
El primer cambio está en la propia directorio de KVM, donde ahora se dividen en dos tablas separadas para LXD y virsh KVM. La sección LXD ahora igualmente está agrupada por dirección de servidor.
JAAS
El equipo de JAAS desarrolla el tablero de JAAS para el tesina Juju.
Implementación de nuevo diseño
En preparación para un conjunto de nuevas funciones en el tablero de Juju / JAAS, hemos estado implementando un diseño actualizado que mueve contenido procesable en paneles deslizantes mientras que el contenido informativo se presenta en el núcleo de la página. Con este fin, en una próxima lectura, verá una nueva interfaz de afortunado que se parece mucho a la posterior.
Nueva implementación de navegación
Ha habido algunas ida y reverso en varios métodos diferentes de navegar alrededor de hacia lo alto y alrededor de debajo el conjunto de datos que se presenta en un maniquí. El equipo de diseño y UX hizo un trabajo increíble en la última iteración al diseñar pruebas de afortunado y llevarlas a lengua en todo el equipo y en la empresa en normal.
En esta iteración, implementamos la navegación de estilo de ruta de navegación. Ahora puede profundizar en una aplicación y más en una mecanismo con una ruta de navegación persistente para retornar a cualquier nivel
Traza maniquí:
Traza de la aplicación:
Traza de la mecanismo:
Diseños móviles de tablero
Hemos estado ocupados diseñando nuestros diseños móviles para el panel de JAAS para intentar proporcionar una mejor experiencia móvil para nuestros usuarios. A continuación se muestran algunas capturas de pantalla de algunas de las páginas. Estos vendrán como parte del nuevo trabajo de diseño mencionado anteriormente.
Papeleo de relaciones y exploración de relaciones entre modelos
Diseñamos la experiencia de regir relaciones y relaciones entre modelos en el tablero, siguiendo los flujos de uso comunes, asegurando que los desencadenantes sean detectables y el contenido sea sensato
Creando una propuesta
Esta función abrirá un panel de obra, para que los usuarios elijan la aplicación y sus puntos finales para compartir con modelos externos.
Unir una relación
Al separar una aplicación circunscrito, los usuarios tienen la capacidad de relacionarse con una aplicación circunscrito / una aplicación proxy (propuesta consumida pero aún no relacionada) / una URL de propuesta.
Escritorio
Ubuntu Desktop 21.04 contendrá varias mejoras, incluido un tema umbrío rediseñado y un tema claro mejorado, entreambos incorporando cambios en gnome-shell y gtk (gtk completamente claro, gtk claro mezclado, gtk completamente umbrío con capa oscura permanente). Además ha habido pequeñas mejoras de accesibilidad en la navegación y nuevos iconos de tipo MIME como parte del tema Yaru.
Los interruptores y conmutadores se han rediseñado con un toque más de Ubuntu. Los usuarios de escritorio podrán cambiar entre un tema mezclado claro y un tema umbrío completo a partir del 21.04. El tema de Yaru es mantenido completamente por una comunidad de voluntarios con poco de apoyo del equipo de diseño de Canonical. Queremos reconocer a todos los colaboradores que participaron.
Vainica
El equipo de Vanilla diseña y mantiene el sistema de diseño y la biblioteca de marcos de Vanilla. Garantizan un estilo coherente en todos los activos web.
Inquirir y filtrar
El componente de búsqueda y filtro se implementó previamente en nuestra biblioteca React y simplemente agregamos cualquier estilo necesario a Vanilla CSS.
Animaciones de panel en el diseño de la aplicación
Se han adaptado mejoras al diseño de la aplicación con algunas animaciones de panel.
Casilla de comprobación indeterminada
Nuevos estilos para un estado indeterminado de entrada de casillas de comprobación han aterrizado y se lanzarán en la próxima lectura de Vanilla framework. Son efectos cuando se necesita un estado de dominio intermedio.
Pie de página pegajoso
A menudo necesitamos poner el pie de página para pegarnos al final de la página. Por lo tanto, presentamos el diseño del sitio con una opción de pie de página adhesivo.
Historias
El equipo de Snapcraft trabaja en estrecha colaboración con el equipo de la tienda para desarrollar y sostener el sitio de la tienda Snap y el próximo sitio de Charmhub.
Investigar la paginación de la página de inicio de charmhub.io
Trabajamos en una exploración de cómo ampliar la página de inicio de Charmhub cuando tenemos una anciano cantidad de amuletos. En este momento la página de inicio carga todos los encantos públicos, de los cuales hay aproximadamente de 400. Para mejorar esta experiencia, exploramos cómo otras tiendas implementan la paginación y trabajamos en nuestra propia propuesta.
Como punto de partida, decidimos tener 25 accesos por página, y mostrar acciones para navegar a la página antecedente y posterior, así como a la primera y la última.
Publicaciones del equipo:
Con ♥ del equipo web de Canonical.
