--- title: Design and Web team summary – 22 November 2019 description: This was a fairly busy two weeks for the Web & design team at Canonical.  Here are some of the highlights of our completed work. Web squad Web is the squad that develop and maintain most of the brochure websites across the Canonical. Takeovers and engage pages This iteration we built two webinars with engage […] url: https://canonical.com/blog/design-and-web-team-summary-22-november-2019?format=md --- 1. [Blog](https://canonical.com/blog) 2. Article --- [Robin Winslow](https://canonical.com/blog/author/nottrobin "More about Robin Winslow") 26 November 2019 # Design and Web team summary – 22 November 2019 [Design](https://canonical.com/blog/tag/design) --- Share the article This was a fairly busy two weeks for the Web & design team at Canonical.  Here are some of the highlights of our completed work. ## Web squad Web is the squad that develop and maintain most of the brochure [websites across the Canonical](https://github.com/search?q=topic%3Awebsite+org%3Acanonical-web-and-design&type=Repositories). ### Takeovers and engage pages This iteration we built two webinars with engage pages. #### Lessons learned from 100+ private cloud builds webinar #### Linux security with Ubuntu webinar ### Server guide The server team have ported the server guide content from [help.ubuntu.com](https://help.ubuntu.com) to the [Ubuntu discourse](https://discourse.ubuntu.com). This gave us the ability to render the guides on ubuntu.com. And, this is what we have done. We pull the content from discourse and render the post as HTML for easy reading. The server guide is now live at [ubuntu.com/server/docs](https://ubuntu.com/server/docs). ## Base Base is the team that underpins our toolsets and architure of our projects. The team maintains the CI and deployment of all websites we maintain. ### Standard Python tests We standardised the structure for our Python tests across [our many codebases](https://github.com/canonical-web-and-design/), using [unittest](https://docs.python.org/3/library/unittest.html) and Flask’s [test client](https://flask.palletsprojects.com/en/1.1.x/testing/). We also made sure every project’s README has a [CodeCov](https://codecov.io/) badge, alongside the [CircleCI](https://circleci.com/) one. ### Investigate GitHub actions As [GitHub Actions](https://github.com/features/actions) have now reached a certain level of maturity, we’ve been looking into whether we could make more use of Actions in our projects. More info soon. ### Templates for deployment configs Our [Kubernetes config repository](https://github.com/canonical-web-and-design/deployment-configs/) is currently very repetitive, as most services deliberately require very similar configuration. We’ve been looking into whether we can use templating systems to reduce this duplication and make it clearer what the specific settings are for individual domains, and hope to merge [our changes](https://github.com/canonical-web-and-design/deployment-configs/pull/278) soon. ## JAAS The JAAS squad develops the UI for the [JAAS store](https://jaas.ai) and [Juju GUI](https://jujucharm.com/new)  projects. ### Sprint in Vancouver During the sprint in Vancouver the team presented the work on the new JAAS dashboard to the company and kept moving forward the implementation on the JAAS dashboard project. The team also continued working on Juju project website, and presented the work to align the consumption and publishing CLI commands of Juju, Snap, Charm and Snapcraft. CharmHub wise, the team explored new solutions and messages for the home page. ## Vanilla The Vanilla squad design and maintain the design system and [Vanilla framework library](https://vanillaframework.io). They ensure a consistent style throughout web assets. ### Tables component Fixed raised issues against this component: * Update chevron icon inside sortable tables * Fixed JS in sortable table * Allow for table cell truncation * Updated layout of our mobile table card ### Contextual menu component Fixed raised issues against this component: * Updated to now allow items inside to grow to desired width * Update accessibility outline to use Vanilla default ### Maintenance Continued code maintenance to the framework, some key bug fixes have been highlighted below and will come with our imminent v2.5.0 release: * Buttons in dense tables * Fix paddings on baseline grid * Misaligned notification icons * GitHub badges added to [vanillaframework.io](https://vanillaframework.io/) ### New blog post The lifecycle of a component: ## Snapcraft The Snapcraft team work closely with the snap store team to develop and maintain the [snap store website](https://snapcraft.io). ### Sprint in Vancouver As previously mentioned by the JAAS squad, a planning sprint took place in Vancouver – the main outcomes for Snapcraft is the push towards Charmhub. While the JAAS squad have been focusing on the UX and design of Charmhub, Snapcraft will be repurposing and refactoring the [Snap store codebase](https://github.com/canonical-web-and-design/snapcraft.io) to make it more modular and reusable. ### Release UI: Progressive releases We’re still working on updates to the release UI’s progressive releases feature, ironing out bugs and preparing it for an internal release. Progressive releases allow publishers to release a new revision of their snap to a specific % of devices. This is the first part of a series of features that will assist publishers in catching errors. ### Build.snapcraft.io This iteration we’ve also worked on listing the automated builds of [build.snapcraft.io](https://snapcraft.io/build) in [snapcraft.io’s publisher area](https://snapcraft.io/snaps). Again this is early work and will be released internally first but will be an important addition to snapcraft.io. To implement the table we’ve used our internal [react-components library](https://github.com/canonical-web-and-design/react-components) which is a set of components based on Vanilla framework. ### Maintenance We fixed a couple of small issues on Snap details pages (both reported by our very own [popey](https://drive.google.com/file/d/1sh93wyw3qWw59AD56_zFr4_reHcAwXcz/view?usp=sharing)). * [Date truncated in install drop-down](https://github.com/canonical-web-and-design/snapcraft.io/issues/2338) * [images incorrectly scaled on app page](https://github.com/canonical-web-and-design/snapcraft.io/issues/2339) ## Ubuntu ## Team blog posts * [We reduced our Docker images by 60% with –no-install-recommends](https://ubuntu.com/blog/we-reduced-our-docker-images-by-60-with-no-install-recommends) * [Avoiding dropped connections in nginx containers with “STOPSIGNAL SIGQUIT”](https://ubuntu.com/blog/avoiding-dropped-connections-in-nginx-containers-with-stopsignal-sigquit) * [The lifecycle of a component](https://ubuntu.com/blog/the-lifecycle-of-components-in-your-design-system) [Get in touch Interested in running Ubuntu in your organization?](https://ubuntu.com/about/contact-us/form) ## Sign up for our newsletter Get the latest Canonical news and updates in your inbox. Work email: \*I agree to receive information about Canonical's products and services. By submitting this form, I confirm that I have read and agree to [Canonical's Privacy Policy](https://canonical.com/legal/dataprivacy). Sign up ## Share on --- ## Related posts [### Challenges designers face in open source (and how to fix them)](https://canonical.com/blog/challenges-designers-face-in-open-source-and-how-to-fix-them) Open source powers up to 90% of modern software, yet many projects lack usability. Canonical’s Design team surveyed 115 cross-functional professionals to uncover the 4 core... [Kola Ojoodide](https://canonical.com/blog/author/kola-ojoodide) 26 June 2026 [### Why web engineering is great](https://canonical.com/blog/why-web-engineering-is-great) Hi, I’m Johann! I’m an engineering manager in Canonical’s web team. For the larger part of my 15 years of work experience as engineer, I’ve been working in web development.... [Johann Wolf](https://canonical.com/blog/author/johannwolf) 27 April 2026 [### Canonical’s recipe for High Performance Computing](https://canonical.com/blog/canonicals-recipe-for-high-performance-computing) In essence, High Performance Computing (HPC) is quite simple. Speed and scale. In practice, the concept is quite complex and hard to achieve. It is not dissimilar to what... [Igor Ljubuncic](https://canonical.com/blog/author/igorljubuncic) 24 January 2024 [### Web team – hack week 2023](https://canonical.com/blog/web-team-hack-week-2023) Today, around 96% of software projects utilize open source in some way. The web team here at Canonical is passionate about Open source. We lead with an open-by-default approach... [Anthony Dillon](https://canonical.com/blog/author/ya-bo-ng) 25 October 2023