Session 06 - CSS - Responsiveness, Navigation, Other Techniques

Harvard Extension School  
Spring 2021

Course Web Site: https://cscie12.dce.harvard.edu/

Topics

  1. Responsive Layouts
  2. Responsive Example
  3. CSS "Print" stylesheets
  4. Navigation Systems
  5. CSS and Lists for Navigation
  6. Navigation and Lists
  7. Lists as Side Navigation
  8. Dropdown Menus
  9. Breadcrumb Navigation
  10. CSS Rounded Borders
  11. CSS Shadows
  12. CSS Gradients

Session 06 - CSS - Responsiveness, Navigation, Other Techniques, slide1
Responsive Layouts, slide2
Responsive Site Live Example, slide3
Responsive Web Design, slide4
Responsive Web Design: CSS Media Query, slide5
CSS media query, slide6
meta viewport, slide7
Responsive Example, slide8
CSS "Print" stylesheets, slide9
media selector, slide10
Navigation Systems, slide11
Harvard College, slide12
Breadcrumb Navigation, slide13
Clamshell navigation, slide14
Dropdown/Popout Menus, slide15
Multiple Navigation Modes, slide16
CSS and Lists for Navigation, slide17
Navigation and Lists, slide18
The "display" property, slide19
display: none, slide20
Inline Lists, slide21
Lists as Horizontal Navigation, slide22
Lists as Side Navigation, slide23
Lists as Navigation, slide24
Dropdown Menus, slide25
Dropdown Menus, slide26
Dropdown Menus: Vertical, slide27
Breadcrumb Navigation, slide28
Breadcrumbs with a flat list, slide29
CSS Rounded Borders, slide30
CSS Shadows, slide31
box-shadow, slide32
Text Shadow, slide33
Opacity - RGBA - red, green, blue, alpha, slide34
CSS Gradients, slide35
linear-gradient, slide36
radial-gradient, slide37

Presentation contains 37 slides