Responsive Web Design

Think Mobile First. From mobile browsers to notebooks and tablets, users are visiting your websites from multiple devices and browsers. [Are your designs ready?] Learn how to think beyond the desktop and create attractive designs that fit the user’s needs. Jade Cloward, a UI Developer, will explore CSS techniques and design principles, including fluid grids, flexible images, and media queries, demonstrating how you can deliver a quality experience to users — no matter how large (or small) their display.

Cloward is a Front-End Web Developer who cares deeply about beautiful design, clean code, and the intersection of the two.

Go Modular. Modern web site design has moved away from the idea that each page is a static entity. Actually content is pulled dynamically from the web server. The idea behind this is that one piece of the page - say, the menu - can be created once and used over and over again. Each time a web page is requested by a user, the content is pulled from the server. Web designers use this modular structure because it makes large sites (and even small sites) easier to design and maintain. If the site adopts a new logo, for example, the change needs to be made to only one file. The change is then reflected across the entire site.

Frameworks. You can use Bootstrap, which is a simple/ flexible HTML, CSS, JS framework developed from Twitter. Or use Foundation, which is an easy to use, powerful and flexible framework for building prototypes and production code on any kind of device.