Responsive

Content is like water Boken om Responsive web design av Ethan Marcotte från A list apart

Förkortningar

  • RWD - Responsive web design

Font Awesome

  • fa-mobile&#xf10b
  • fa-tablet
  • fa-laptop
  • fa-desktop
  • fa-television

Citat

Mobile first
With great power comes great responsibility
Responsive websites automatically resize based on the screen size of the visitor’s browser

target ÷ context = result

Ethan Marcotte

Personer

Vad innebär responsiv?

  • Flexible grid
  • Media queries

Media queries

  • width
  • height
  • device-width
  • device-height
  • orientation
  • aspect-ratio
  • device-aspect- ratio
  • color
  • color-index
  • monochrome
  • resolution
  • scan
  • grid

Test

Exempel på webbplatser

https://developers.google.com/speed/pagespeed/module/filter-image-responsive

Externa länkar