Tweet
Tweet

Slide 1

Slide 1 text

RESPONSIVE WEB DESIGN Marta Armada @martuishere #WebCat Feb 2012

Slide 2

Slide 2 text

A N T E W D barackobama.com mediaqueri.es

Slide 3

Slide 3 text

A N T E W D FLUID GRID FLEXIBLE IMAGES MEDIA QUERIES alistapart.com/articles/responsive-web-design

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

CODE ONCE

Slide 6

Slide 6 text

CODE less

Slide 7

Slide 7 text

CONT EN T FIRST AL W A YS adactio.com/journal/4523

Slide 8

Slide 8 text

future friendly futurefriend.ly

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

BREAKI N G POINTS

Slide 11

Slide 11 text

1363px 1362px

Slide 12

Slide 12 text

it can be boring *

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

IF YOU ARE LAZY *

Slide 15

Slide 15 text

playdulla.com gingerwhale.com

Slide 16

Slide 16 text

OVERSIZED ASSETS bit.ly/responsive-images

Slide 17

Slide 17 text

JAVASCRIPT rwd-images.js fitvids.js respond.js DEPENDENCIES

Slide 18

Slide 18 text

swwweet.com/training HARD IT CAN BE FUCKING

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

seo sem & bit.ly/google-mobile-sites bit.ly/google-mobile-ads

Slide 21

Slide 21 text

ads bit.ly/markboulton-responsive-ads

Slide 22

Slide 22 text

CMS

Slide 23

Slide 23 text

When you have to shoot, SHOOT, don’t TALK.

Slide 24

Slide 24 text

bit.ly/trend-shift trend shift IT’S NOT A RWD IS A

Slide 25

Slide 25 text

YEE HAW! Marta Armada @martuishere #WebCat Feb 2012