Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /nfs/c03/h03/mnt/54146/domains/efuller.net/html/wp-content/plugins/jetpack/modules/infinite-scroll/infinity.php on line 145
CSC | Responsive Design | Elizabeth Fuller
Fully responsive website for desktop, tablet, and smart phone.

Fully responsive website for desktop, tablet, and smart phone.

CSC | Responsive Design

The CSC website was completely redesigned so that the HTML was descriptive without being formatically restrictive and the CSS was sensitive to screen widths. The result was a website that was easily navigated and took advantage of the many capabilities of different screen sizes and devices. Carousels could be navigated by both mouse and swiping gesture. Menus were collapsed into icons for smaller screen widths.

On this screenshot, you can see the tablet and phone views of the “About Us” page. (For the desktop view, visit About Us.) As you can see, the left sidebar on the tablet view is collapsed for the mobile view. The eyebrow, fully articulated in the desktop site and enabling sign-in, country selection, and search, is already simplified into icons on the top right corner of the tablet and phone view. Meanwhile, the primary navigation—”What We Do,” “Success Stories,”Insights,” and “Contact Us”—is condensed into a multi-lined icon on the mobile header that, when clicked, displays a navigation module.

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>