Est. Reading Time: 2 minutes
This afternoon, we launched a fully responsive Cascade server site at http://www.gcccd.edu – Grossmont-Cuyamaca Community College District! This site was already in Cascade and the original graphical design was by another firm, but Beacon was entirely responsible for the new responsive design and the implementation into Cascade.
Big thanks to all those involved:
Jennifer did a lovely job of coming up with a responsive design that wasn’t too big a departure from their existing site, but still functional in a mobile capacity.
Tiffany did virtually all of the development and Cascade implementation herself, including her first solo site launch today! The client was able to work and publish in Cascade for the entire duration of the project while Tiffany developed and was only frozen out of Cascade for two days while the final implementation was completed, and that the implementation was completed a full day ahead of schedule!
Justin provided analysis assistance and a bit of as needed development.
In case you aren’t familiar with the term “responsive design”, it is defined as:
A responsive design meets the following criteria:
- Valid and tested HTML 5 using media queries to query the browser for information and display content accordingly (supported by all modern desktop browsers, including IE9, and nearly all mobile browsers)
- Clean, sensible CSS3
- HTML coded to use a flexible/fluid grid– Fluid layouts are flexible and resize with the browser window because width, margin and padding elements (even fonts and images) and are defined in percentages and ems. As the resolution changes, the layout adjusts to fit. For example: http://www.alistapart.com/articles/fluidgrids/.
- Displays flexible images and media, like the site http://unstoppablerobotninja.com/entry/fluid-images/, for example
- No left/right scroll bars when content area is reduced in width and gracefully displays each break point without jumping or reloading
More information about responsive design from other Beacon blog posts: