The Responsive

MindsetRamon Lapenta

@ramono#RWDPond

Friday, 19 April 13

How do we define responsive?

Friday, 19 April 13

To react quickly and positively.

Friday, 19 April 13

A positive reactionFlickr credit: @whisperwolf

Friday, 19 April 13

Responsive web design is a design approach that aims to create interfaces

that react quickly and positively to the user’s

conditions.

Friday, 19 April 13

CSS3Media queries

Javascript libraries

Blog articles

Conferences

Friday, 19 April 13

So where to start?

Friday, 19 April 13

What options are available?

Can I do it myself?

Does it work on all devices?

Does it have a fallback?

Does it make the experience better?

Friday, 19 April 13

Performance

Flickr credit: @myoldpostcards

Friday, 19 April 13

Friday, 19 April 13

Big screen

!= Better connection

Friday, 19 April 13

Battery life

Memory

Graphics

Flickr credit: @luxuryluke

Friday, 19 April 13

The oooh shiny effect.

Flickr credit: @intvgene

Friday, 19 April 13

Make decisions based on research

Good for any project. A must for responsive.

Friday, 19 April 13

Flexibility

Flickr credit: @lyntally

Friday, 19 April 13

http://imgur.com/gallery/Q8kV8

We always find ways to make our work faster and efficient.

Friday, 19 April 13

The next big thing TM

Friday, 19 April 13

The next big thing TM

Flickr credit: @donshall

Trying to do everything.

Friday, 19 April 13

A self contained black box of no-touchiness

Eric Meyer

Friday, 19 April 13

If a framework doesn't do exactly what you need, it's probably best not to use it.

Friday, 19 April 13

Accessibility

Flickr credit: @furbyx4

Friday, 19 April 13

Assume less about your users and their environments.

Friday, 19 April 13

We don’t have any non-Javascript users

Jake Archibald

No, all your users are non-JS while they're downloading your JS

Friday, 19 April 13

Accessibility pro-tip:

Leave styling to CSS and use JS only to change the

“state” of an element.

Friday, 19 April 13

Knowing your code from top to bottom is essential to have total control over it.

Using frameworks doesn’t help with that.

Friday, 19 April 13

Standards

Flickr credit: @rawmusic

Friday, 19 April 13

Standards are there to make us more organised with

file structure, class names, modules, methods,

do's and don't s.

Friday, 19 April 13

CSS for RWD can get pretty messy, pretty fast.

Friday, 19 April 13

A code style guide help us keep projects tidy and

future-friendly.

Friday, 19 April 13

So, responsive is...Friday, 19 April 13

Receptive

Understanding

Sympathetic

Friday, 19 April 13

These three words will make us be more careful about the user needs.

Friday, 19 April 13

Caring about our users

=Happier users

Friday, 19 April 13

Thanks.Ramon Lapenta

@ramono#RWDPond

Friday, 19 April 13