Web engineering and design team

Discover the latest news and work from the web and design team.

The Web and design team at Canonical pride themselves on building things properly, not quickly. Always looking for creative ways to push the boundaries of the web.

Learn more from the web and design Portal ›

Canonical
28 September 2015

Why the first impression matters

User Experience Ubuntu

We believe that the first impression matters, especially when it comes to introducing a new product for the first time. Our aim is to delight the user from the moment they open the box, through to the setup wizard which will help them get started with their new device. Devices have become an essential part

Canonical
28 September 2015

Robin Winslow
28 September 2015

Prepare for when Ubuntu freezes

Notes Ubuntu

I routinely have at least 20 tabs open in Chrome, 10 files open in Atom (my editor of choice) and I’m often running virtual machines as well. This means my poor little X1 Carbon often runs out of memory, at which point Ubuntu completely freezes up, preventing me from doing anything at all. Just a

Robin Winslow
28 September 2015

Jamie Young
18 September 2015

dConstruct 2015

Notes Ubuntu

We had a great time at dConstruct in Brighton last Friday. Ubuntu was the premier sponsor of the event, so 15 of us headed down from London in the small hours of the morning to set up our stand and enjoy a day out. Origami competition Our stand became a landscape of wolves and unicorns

Jamie Young
18 September 2015

Inayaili de León Persson
8 September 2015

We’re going to be at dConstruct!

Notes Ubuntu

Ubuntu is once again sponsoring the excellent dConstruct conference, taking place this Friday, 11th September in Brighton. This year’s theme is “Designing the future” and we can’t wait to hear what the stellar lineup of speakers has to share. As ever, if you’re going to be there, come and say hi, and grab a few

Inayaili de León Persson
8 September 2015

Inayaili de León Persson
1 September 2015

August’s reading list

Notes Ubuntu

The design team members are constantly sharing interesting, fun, weird, links with each other, so we thought it might be a nice idea to share a selection of those links with everyone. Here are the links that have been passed around during last month: Scaling Agile At Spotify Design Documentaries A Designer’s Guide to Wearables

Inayaili de León Persson
1 September 2015

Tristram Oaten
24 August 2015

Publishing Vanilla

Development Ubuntu

We’ve got a new CSS framework at Canonical, named Vanilla. My colleague Ant has a great write-up introducing Vanilla. Essentially it’s a CSS microframework powered by Sass. The build process consists of two steps, an open source build, and a private build. Open Source Build While there are inevitably componants that...

Tristram Oaten
24 August 2015

Robin Winslow
18 August 2015

Django behind a proxy: Fixing absolute URLs

Notes Ubuntu

I recently tried to setup OpenID for one of our sites to support authentication with login.ubuntu.com, and it took me much longer than I’d anticipated because our site is behind a reverse-proxy. My problem I was trying to setup OpenID with the django-openid-auth plugin. Normally our sites don’t include absolute links...

Robin Winslow
18 August 2015

Robin Winslow
5 August 2015

Vanilla: Creating a modular Sass library

Notes Ubuntu

We recently introduced Vanilla framework, a light-weight styling framework which is intended to replace the old Guidelines framework as the basis for our Ubuntu and Canonical branded sites and others. One of the reasons we created Vanilla was because we ran into significant problems trying to use Guidelines across...

Robin Winslow
5 August 2015

Richard McCartney
24 July 2015

Converting old guidelines to vanilla

Development Ubuntu

How the previous guidelines worked Guidelines essentially is a framework built by the Canonical web design team. The whole framework has an array of tools to make it easy to create a Ubuntu themed sites. The guidelines were a collaboration between developers and designers and followed consistent look which meant...

Richard McCartney
24 July 2015

Canonical
16 July 2015

The monochromatic makeover

Featured Ubuntu

We have given our monochromatic icons a small facelift to make them more elegant, lighter and consistent across the platform by incorporating our Suru language and font style. The rationale behind the new designs are similar to that of our old guidelines, where we have kept to our recurring font patterns but made them more

Canonical
16 July 2015

Anthony Dillon
22 June 2015

Introducing Vanilla

Article Ubuntu

Why we needed a new framework Some time ago the web team at Canonical developed a CSS framework we called ‘Guidelines’. Guidelines helped us to maintain our online visual language across all our sites and comprised of a number of base and component Sass files which were combined and served as a monolithic CSS file

Anthony Dillon
22 June 2015

Pierre Bertet
16 June 2015

The Grid System in detail

User Experience Ubuntu

Following the article “To converge onto mobile, tablet, and desktop, think Grid Units”, here is a technical description of the way the Grid System behave. We will go through the following concepts: a Grid Unit, a Layout, a Panel, and a Multi-Column Layout. Grid Unit A Grid Unit (GU) is a virtual subdivision of screen

Pierre Bertet
16 June 2015

Canonical
12 June 2015

SDK Convergence Sprint 2015

Design Ubuntu

Last week the SDK team gathered in London for a sprint that focused on convergence, which consisted of pulling apart each component and discussing ways in which each would adapt to different form factors. The SDK provides off-the-shelf UI components that make up our Ubuntu apps; however now we’re entering the world of Unity 8

Canonical
12 June 2015

Canonical
23 May 2015

To converge onto mobile, tablet, and desktop, think Grid Units

User Experience Ubuntu

In the converged world of Unity-8, applications will work on small mobile screens, tablets and desktop monitors (with a mouse and keyboard attached) as

Canonical
23 May 2015

  1. Previous page
  2. 14
  3. 15
  4. 16
  5. 17
  6. 18
  7. Next page