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