Blog posts tagged
"vanilla framework"

21 posts


Bartek Szopka
18 July 2023

Vanilla 4.0 release

Article Design

Last week we released a new major version of the Vanilla framework. Vanilla 4.0 introduces the elements of the new style used for a current rebranding of Canonical’s brochure websites, including typography changes of headings utilising new variable Ubuntu font, wider grid width, removed rounded corners, some updated...

Bartek Szopka
18 July 2023


Goulin Khoge
14 October 2022

Introducing a VSCode extension for Vanilla CSS Framework

Article Ubuntu

The Vanilla CSS Framework is a utility class-based and customizable SASS library that is the go-to when it comes to styling websites and dashboards across the majority of projects at Canonical. Knowing all the class utilities could be tricky. That’s why we make sure that our documentation is up-to-date and accessible as...

Goulin Khoge
14 October 2022


bethcollins
17 March 2022

How we implemented an interactive Live Demo Box

Article Design

The Vanilla squad recently spent a two week sprint prototyping an interactive live demo box. We were tasked with coming up with a proof of concept, to enable demoing of each variant of our examples dynamically. A few guest developers were able to joined us, which meant four of us were able to dedicate a

bethcollins
17 March 2022


bethcollins
26 January 2022

Vanilla’s accessibility documentation process

Article Ubuntu

Following on from our previous post about accessibility by design, we’d like to share our accessibility documentation process here in the Web & Design team. In the Vanilla squad, we work hard to make sure the Vanilla framework is as accessible as possible. We don’t claim to be perfect, but accessibility is a real priority

bethcollins
26 January 2022


Bartek Szopka
10 January 2022

Release of Vanilla framework v3.0

Article Ubuntu

We’ve just released Vanilla v3.0 – a new major update to our CSS framework. It includes a few significant updates and improvements around spacing variables, responsive breakpoints, a new expanding search box and various updates to existing components. Important aspects of the release include dropping a noticeable chunk...

Bartek Szopka
10 January 2022


Lyubomir Popov
30 April 2021

Taming unruly logo sections

Article Ubuntu

Making logo sections can be tricky. Logos come in all shapes and sizes, and without proper care, it is easy to end up with a poorly balanced layout. The problem has two aspects: Creating a responsive section that respects the layout structure of the page it is part of, which in most cases means being

Lyubomir Popov
30 April 2021


Bartek Szopka
31 March 2020

Automating our Vanilla releases with GitHub actions

Article Design

The Vanilla framework has a history of being released very infrequently. Sometimes it has been months between releases, which made the upgrade process often hard and time-consuming. One of the reasons for that was a manual and a quite time-consuming release process. Over several weeks earlier this year, we’ve been...

Bartek Szopka
31 March 2020


Karl Waghorn-Moyce
21 November 2019

The lifecycle of a component

Design Design

Vanilla Framework is a living design system for our products that will grow along with our organisation. Vanilla’s component library is used by many internal and external websites along with the cloud applications JAAS dashboard and MAAS UI. We release updates approximately every 2 weeks, either for bug fixes,...

Karl Waghorn-Moyce
21 November 2019


Anthony Dillon
25 June 2019

Design and Web team summary – 25 June 2019

Article Design

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. Getting started with AI webinar We build a page to promote the

Anthony Dillon
25 June 2019


Anthony Dillon
10 June 2019

Design and Web team summary – 10 June 2019

Article Cloud and server

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 Web is the squad that develop and maintain most of the brochure websites across the Canonical. Integrating the blog into www.ubuntu.com We have been working on integrating the blog

Anthony Dillon
10 June 2019


Anthony Dillon
7 May 2019

Web and Design team summary – 7 May 2019

Article Design

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 Web is the squad that develop and maintain most of the brochure websites across the Canonical. Supported the 19.04 release We updated the websites for 19.04 and added a

Anthony Dillon
7 May 2019


Peter Mahnke
29 March 2019

Design and Web team summary – 29 March 2019

Design Cloud and server

This was a busy two weeks for the Web & Design team at Canonical. Many of the things we worked on will be completed in the next iteration, but here are some of the highlights of our completed work. Snapcraft.io New JetBrains publisher page We have now a link to the JetBrains collection of snaps

Peter Mahnke
29 March 2019


Lyubomir Popov
15 March 2019

Vertical rhythm and spacing in Vanilla Framework 2.0

Article Cloud and server

Overview of the typographic improvements to our CSS framework introduced over the past 12 months.

Lyubomir Popov
15 March 2019


Anthony Dillon
4 February 2019

Design and Web team summary – 04 February 2019

Design Cloud and server

Welcome to the latest work and updates from the design and web team. Web squad Three new homepage takeovers This iteration we designed three, built two and are showing one new homepage takeover. Branded snap appstores is live Broadsign and arrow webinar is build Financial services webinar is designed Built a new version of the

Anthony Dillon
4 February 2019


  1. Previous page
  2. 1
  3. 2
  4. Next page