Skip to main content
Inayaili de León Persson

Inayaili de León Persson

72 posts

Making ubuntu.com responsive: testing on multiple devices (15)

This post is part of the series ‘Making ubuntu.com responsive‘. When working on a responsive project you’ll have to test on multiple operating systems, browsers and devices, whether you’re using emulators or the real deal. Testing on the actual devices is preferable — it’s hard to emulate the feel of a device in your hand

Making ubuntu.com responsive: updating font sizes and increasing readability (11)

This post is part of the series ‘Making ubuntu.com responsive‘. All our designs are created using the Ubuntu font, and the websites are not exception. Ubuntu.com was already using a carefully refined and tested typographic scale that we have evolved over the years. Early in the project, we had decided that the large screen view

Making ubuntu.com responsive: dealing with responsive images (10)

This post is part of the series ‘Making ubuntu.com responsive‘. Deciding how you’re going to handle responsive images is a big part of most responsive projects — also, one that usually causes many headaches! We had really interesting discussions within the team to try to find out which options were out there, being used by

Making ubuntu.com responsive: adapting our navigation to small screens (9)

This post is part of the series ‘Making ubuntu.com responsive‘. One of the biggest challenges when making the move to responsive was tackling the navigation in ubuntu.com. This included rethinking not only the main navigation with first, second and third level links, but also a big 3-tier footer and global navigation. Desktop size main na

Making ubuntu.com responsive: making our grid responsive (8)

This post is part of the series ‘Making ubuntu.com responsive‘. A big part of converting our existing fixed-width desktop site to be responsive was to make sure we had a flexible grid that would flow seamlessly from small to large screens. From the start, we decided that we were going to approach the move as

Making ubuntu.com responsive: approach to content (7)

This post is part of the series ‘Making ubuntu.com responsive‘. If you’re transitioning a fixed-width website into a responsive one with several time and resource constraints, updating all your content to be mobile-friendly will likely not be an option. It’s important to understand what your constraints are and work within them. This is w

Latest from the web team — May 2014

We’re fast approaching the summer, and the first few sunny days have already arrived in London. The web team cannot slow its pace though… In the last few weeks we’ve worked on: Responsive ubuntu.com: we’ve had a sprint to clean up our processes and CSS files after the big responsive release last month Ubuntu.com: we’ve

Making ubuntu.com responsive: scoping the work (6)

This post is part of the series ‘Making ubuntu.com responsive‘. Following the designers and developers sprint, we had a full web team workshop day to discuss our findings and plan the work for the following weeks. Planning and scoping was tricky because we had to balance the work required to make the site responsive with

Latest from the web team — April 2014

Ubuntu 14.04 LTS is out and it’s great! The period after release tends to be slightly less hectic than the lead up to it, but that doesn’t mean that the web team is not as busy as ever. In the last few weeks we’ve worked on: Ubuntu 14.04 LTS release: we’ve published the latest updates

Making ubuntu.com responsive: lessons learned (5)

This post is part of the series ‘Making ubuntu.com responsive‘. At this point in time, once the pilot projects were either completed or underway, we had already: Created an initial responsive prototype of our main site, based on some common-sense rules Started our first mobile-first and responsive project from scratch Created and launched

Latest from the web team — March 2014

Spring has officially (but not technically…) arrived, and we’re getting busier and busier in preparation for Ubuntu 14.04 LTS release next month. In the last few weeks we’ve worked on: Ubuntu Resources: we’ve just launched a new version of the site Ubuntu.com: we’ve launched a localised Chinese homepage that highlights Ubuntu Kylin Juju G

Ubuntu Resources — beta 2!

A new version of the Ubuntu Resources site is now live, with many tweaks and layout improvements targeted mainly at visitors using medium-sized screens, such as tablets. Ubuntu Resources homepage viewed on a Kindle Fire HD Filtered search If you search for a specific term, you can now filter the search results by topic (such

Making ubuntu.com responsive: making the rules a reality (3)

This post is part of the series ‘Making ubuntu.com responsive‘. The rules document we drafted proved a useful and good guide for those few development days, and a proof of concept was created and presented to the rest of the team. When we all sat down to review the result, a few things were clear:

Making ubuntu.com responsive: pilot projects (4)

This post is part of the series ‘Making ubuntu.com responsive‘. Making www.ubuntu.com responsive has been an ongoing goal of ours for a while, and we’ve been discussing and preparing for it for over a year. However, the rest of the world doesn’t wait, and the work doesn’t stop coming in! We knew that a couple

Making ubuntu.com responsive: setting the rules (2)

This post is part of the series ‘Making ubuntu.com responsive‘. The front end framework that powers www.ubuntu.com represents the visual evolution of the site over the past few years: designs have become cleaner, lighter and more open. It was designed without responsiveness in mind, but it has proven flexible, robust and great for our nee

Making ubuntu.com responsive: intro (1)

We’ve known for a while it was time to convert our main site, www.ubuntu.com, into a responsive site, and we’re now nearing the end of the project! The main www.ubuntu.com site receives millions of visitors every month and it holds information on the variety of Ubuntu products and services, allowing people to download Ubuntu, get