"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Responsive Design - Campus Web Developers
1. Cristian Horta
Web Project/Operations Manager, CWO
chorta@ucsd.edu
• RWD, how does it work? (media queries)
• UI elements in our templates, how they are responsive
• Responsive Image rotator
• Fluid images fix for images with fixed width and height
• Converting sites in the CMS to be responsive
• Pros and Cons of RWD
19. Fluid images fix for images with fixed
width and height
#tdr_content_content img {
max-width: 100% !important;
height: auto !important;
}
20. Converting sites in the CMS to be responsive
• It’s an opportunity to clean up the site
• Identify problem areas, such as:
Tables, Iframes, extraneous code/components
• Convert image rotators to use new markup
• Replace headers in QA, Test and Release