Responsive  Web   Design – Introduction – Content Management

View Github Repository Open presentation in a new window

phoenix0665

See all presentation from phoenix0665

Responsive  Web   Design – Introduction – Content Management

0 0

responsive_web_design

responsive_web_design

On Github phoenix0665 / responsive_web_design

Responsive  Web   Design

Introduction

Keywords to know

  • Fluid Layout
  • Progressive Enhancement
  • Adaptive Layout
  • Adaptive Design
  • Responsive Design

What is RWD?

The  Unstoppable  Robot  Ninja

A.K.A Ethan Marcotte

The Unoffical Father of Responsive Web Design

Which  way  to  go?

Adaptive Vs Responsive

Content Management

Do  you  know  your  stuff?

Legos and Content have alot in common

Content  Management  Gone  to  Hell!!

Why have a plan, when you have a goal?

Content  Done  Right

Results of good content management speak for themselves!!

Media Queries

  • Link

    <link rel="stylesheet" media="all and (min-width: 698px)" href="media.css">

  • CSS @media

    @media all and (min-width: 698px){
    /********* Styles **********/
}

Approaching  Responsive  Web  Design

CSS  Frameworks

List of CSS Frameworks

Everything  Has  A  Catch!!

T

U