These are notes from a talk by Joshua Plameri titled “A Fresh Perspective on Responsive Web Design” during the HighEdWeb 2015. Josh works at Stony Brook university.

http://slides.com/palmerijosh/heweb15#/

  • Our goal in life is to server others.
  • Reach visitors where they’re at.
  • Seamless experience across devices.
  • Mobile first: forces you to think about the smallest use case first. Helps with content priority and content flow.
  • To serve our users better, presenting them with the content they need, when they need it, where they need it.
  • RRWD: Responsible
  • Keep it Real, Content is real
  • Tips, Tricks
    • Images: max-width: 100%; height: auto; Quality: 60%, 100-150K max; Image optimizer (kraken.io) or media queries to server different images.
    • Video: Let a third party do it!
    • BAckground Video, preload=none; Network Information API to adjust qualty based on network information, on scroll down stop loading video
    • Carousel: Rethink usage
    • Accordions: useful
    • In-page navigation: smooth scroll instead of jumping to anchors
    • RWD + CMS: CMS templates can help move people along
    • Documentation is important to prtect the investment.

Peace
– KS
Web Developer at Benedictine University near Chicago