8
Responsive Web Design (RWD) 5 Responsive Websites

Responsive web design (rwd)

Embed Size (px)

DESCRIPTION

Responsive Web Design (RWD) - 5 Responsive Websites

Citation preview

Page 1: Responsive web design (rwd)

Responsive Web Design (RWD)

5 Responsive Websites

Page 2: Responsive web design (rwd)

Why RWD?

• Traditional approaches created different webs– Desktop web (www.mysite.com)– Mobile web (m.mysite.com)

• Herein lies the problem…– There is only ONE web– It’s just that we ACCESS it from different devices– ‘Desktop + Mobile’ is an over trivialisation• Diversity exists among Desktop / Mobile devices

Page 3: Responsive web design (rwd)
Page 4: Responsive web design (rwd)
Page 5: Responsive web design (rwd)
Page 6: Responsive web design (rwd)
Page 7: Responsive web design (rwd)
Page 8: Responsive web design (rwd)

The end…

• The web doesn’t need to be complicated

• Modern frameworks do the heavy lifting