You may have noticed some sections of the website have been updated recently. The About, For-Business and International sites have been migrated to a new and improved theme which utilises “responsive design” to optimise the viewing experience for users – no matter what device they are using to access the website, be it smart phone, tablet, desktop or even widescreen TV. (more…)
Category Archives: Development
A guide to Editing the new Cass homepage.
Just in time for the start of the year, we released a responsive version of the design for the new student section.
It’s a first step into switching the entire site to a responsive design and over the next few months, we’ll look into rolling it out to other sections. We will also be improving the design and functionality as we go along.
CSS media queries target different screen sizes and adapt the design to the size of the user’s screen. We opted for an approach favouring fluid transitions: rather than using fixed breakpoints set by specific hardware device sizes, the elements are rearranged to fit any screen size.
We introduced Bootstrap with the release of this new design, to handle the grid, scaffolding and responsive functionality. We also took this opportunity to switch this section to HTML5. A change that has previously been made elsewhere on the site and that we will continue to apply across different sections.
If you want to learn more about responsive design, A List Apart published an interesting article on this design process.
The new library site as recently been moved to the new CMS and is now live!
Here are some screengrabs of the old and new version of the site:
Another recent addition to City’s website is a page displaying real time PC availability for computer rooms in Northampton Square.
This first iteration allows students to see at a glance where they can find an available PC at any given time – a feature especially useful during busy periods in the academic calendar.
A recent addition to the City and Cass websites are image galleries. The key requirements for the galleries were they:
- Should display images in a visually attractive and engaging way
- Should be quick to load i.e. not loading all images on page load
- Should be easily editable by content editors
Things have been far too quiet here on the Web Team Blog of late so here’s the first of what I hope is a more regular series of posts highlighting some of things we have been hard at work on here in the Web Team.
Today’s post is about our recently launched HTML5 WordPress theme which we are trialling here on the Web Team Blog. The theme represents City’s first foray into HTML 5 and responsive design and incorporates our new digital visual language developed as part of the NextWeb project.