Responsive Web Design has gained incredible momentum over the past year, and has lead to various strategies in web authoring. In it’s simplest form, CSS3 media queries allow us to manipulate elements of our page to fit multiple screen sizes. This alone can be enough to implement your web content to a broad array of users. When we combine features of CSS, such as absolute positioning and background images, with alternate HTML markup techniques, we can begin to alter the user expereince in addition to layout. Using HTML element as ‘containers’ for imagery allows us to use alternate imagery based ont he user’s screen size, decreasing download speeds on mobile devices. In addition, re-positioning elements gives to the ability re-order the appearance of elements, instead of simply resizing them.
Want to try it for yourself? Chris will be providing a free template to ETE attendees!
Article - Responsive Web Design Article - Responsive Web Experience