---
title: 'Making ubuntu.com responsive: final thoughts'
description: This post is part of the series ‘Making ubuntu.com responsive‘. There
  are several resources out there on how to create responsive websites, but they tend
  to go through the process in an ideal scenario, where the project starts with a
  blank slate, from scratch. That’s why we thought it would be nice to share the  […]
url: https://canonical.com/blog/making-ubuntu-com-responsive-final-thoughts?format=md
---

1. [Blog](https://canonical.com/blog)
2. Article

---

[Inayaili de León Persson](https://canonical.com/blog/author/inayaili-de-leon-persson "More about Inayaili de León Persson")

18 June 2014

# Making ubuntu.com responsive: final thoughts

[Design](https://canonical.com/blog/tag/design)

---

Share the article

*This post is part of the series ‘[Making ubuntu.com responsive](http://design.canonical.com/2014/03/making-ubuntu-com-responsive/)‘.*

There are several resources out there on how to create responsive websites, but they tend to go through the process in an ideal scenario, where the project starts with a blank slate, from scratch.

That’s why we thought it would be nice to share the steps we took in converting our main website and framework, ubuntu.com, into a fully responsive site, with all the constraints that come from working on legacy code, with very little time available, while making sure that the site was kept up-to-date and responding to the needs to the business.

Before we started this process, the idea of converting ubuntu.com seemed like a herculean task. It was only because we divided the work in [several stages](http://design.canonical.com/2014/03/making-ubuntu-com-responsive-making-the-rules-a-reality/), [smaller projects](http://design.canonical.com/2014/03/making-ubuntu-com-responsive-pilot-projects/), [tightened scope](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-scoping-the-work/), and [kept things simple](http://design.canonical.com/2014/03/making-ubuntu-com-responsive-setting-the-rules/), that it was possible to do it.

We learned a lot throughout this past year or so, and there is a lot more we want to do. We’d love to hear about your experience of similar projects, suggestions on how we can improve, tools we should look into, books we should read, articles we should bookmark, and things we should try, so please do leave us your thoughts in the comments section.

Here is the list of all the post in the series:

1. [Intro](http://design.canonical.com/2014/03/making-ubuntu-com-responsive/)
2. [Setting the rules](http://design.canonical.com/2014/03/making-ubuntu-com-responsive-setting-the-rules/)
3. [Making the rules a reality](http://design.canonical.com/2014/03/making-ubuntu-com-responsive-making-the-rules-a-reality/)
4. [Pilot projects](http://design.canonical.com/2014/03/making-ubuntu-com-responsive-pilot-projects/)
5. [Lessons learned](http://design.canonical.com/2014/04/making-ubuntu-com-responsive-lessons-learned/)
6. [Scoping the work](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-scoping-the-work/)
7. [Approach to content](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-approach-to-content/)
8. [Making our grid responsive](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-making-our-grid-responsive/)
9. [Adapting our navigation to small screens](http://design.canonical.com/2014/05/making-ubuntu-com-responsive-adapting-our-navigation-to-small-screens/)
10. [Dealing with responsive images](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-dealing-with-responsive-images/)
11. [Updating font sizes and increasing readability](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-updating-font-sizes-and-increasing-readability/)
12. [Our Sass architecture](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-our-sass-architecture/)
13. [Ensuring performance](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-ensuring-performance/)
14. [JavaScript considerations](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-javascript-considerations/)
15. [Testing on multiple devices](http://design.canonical.com/2014/06/making-ubuntu-com-responsive-testing-on-multiple-devices/)

*Note: I will be speaking about making ubuntu.com responsive at the [Responsive Day Out conference](http://responsiveconf.com/) in Brighton, on the 27th June. See you there!*

[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
