Responsive Web Design - Homework

Chapter 1 - What Is Responsive Web Design?:

Chapter 2 - Relative Units of Measurements:

• Scaled Photograph
• Scaled Photograph added width="90%"
• Scaled Photograph added css
• Scaled Photograph added max-width:800px;
• Scaled Photograph added text with rems
• Scaled Photograph added higher line height
• Scaled Photograph added ???

Chapter 3 - Creating Responsive Menus With Media Queries:

• Background Color
• Background Color added article
• Background Color added css menu
• Background Color added different css menu

Chapter 4 - Responsive Color Schemes and Custom Web Fonts:

• Color scheme
• Color scheme added css menu

Chapter 5 - Responsive Page Layout:

• Three column
• Three column added media queries

Chapter 6 - Providing Collapsible Content for Mobile:

• Collapsible content

Chapter 7 - Making Images and Videos Responsive:

• Image size, resolution
• Image size, resolution added LazyLoad
• Misc

Chapter 8 - Using SVG Artwork in Responsive Design:

• SVG Art Circle
• SVG Art added rectangle
• SVG Art added css
• SVG Art added height amd width
• SVG Art added inkblot
• SVG Art added width and header styling
• SVG Art added viewports
• SVG Art added opacity:1

Chapter 9 - Designing Responsive Forms:

• Forms
• Forms added various 'types'
• Forms added 'placeholder'
• Forms added style to hide labels from mobile browsers
• Forms added required
• Another students submission

Chapter 10 - Adding Widgets With Bootstrap:

• Bootstrap button
• Bootstrap menu
• Bootstrap carousel

Chapter 11 - Providing an App-Like Experience With jQuery Mobile:

• jQuery Mobile
• jQuery Mobile added media query

Chapter 12: - Creating a Web App Interface for Mobile Users: