Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
The                      Responsive                       Mindset                        Ramon Lapenta                    ...
How do we define                        responsive?Friday, 19 April 13
To react quickly                       and positively.Friday, 19 April 13
A positive reaction          Flickr credit: @whisperwolfFriday, 19 April 13
Responsive web design                      is a design approach that                      aims to create interfaces       ...
Conferences                      CSS3                               Media queries                      Javascript         ...
So where to start?Friday, 19 April 13
What options are available?                  Can I do it myself?                  Does it work on all devices?            ...
Performance                      Flickr credit: @myoldpostcardsFriday, 19 April 13
Friday, 19 April 13
Big screen                             !=                      Better connectionFriday, 19 April 13
Battery life                       Memory                       Graphics                                     Flickr credit...
The oooh                      shiny effect.                                Flickr credit: @intvgeneFriday, 19 April 13
Make decisions                      based on research                        Good for any project.                        ...
Flexibility                      Flickr credit: @lyntallyFriday, 19 April 13
We always find ways to make our work faster and efficient.                                          http://imgur.com/gallery/...
The next big thing TMFriday, 19 April 13
Flickr credit: @donshall       Trying to do everything.                            The next big thing TMFriday, 19 April 13
A self contained black                      box of no-touchiness                                        Eric MeyerFriday, ...
If a framework doesnt do                      exactly what you need, its                      probably best not to use it....
Accessibility                      Flickr credit: @furbyx4Friday, 19 April 13
Assume less about your users                    and their environments.Friday, 19 April 13
We don’t have any non-Javascript users                      No, all your users are non-JS while theyre                    ...
Accessibility pro-tip:                      Leave styling to CSS and                      use JS only to change the       ...
Knowing your code from top to bottom is                        essential to have total control over it.                   ...
Standards                      Flickr credit: @rawmusicFriday, 19 April 13
Standards are there to make                        us more organised with                       file structure, class names...
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,...
So, responsive is...Friday, 19 April 13
Receptive               Understanding               SympatheticFriday, 19 April 13
These three words               will make us be more               careful about the user               needs.Friday, 19 A...
Caring about our users                           =                      Happier usersFriday, 19 April 13
Thanks.                       Ramon Lapenta                         @ramono                        #RWDPondFriday, 19 Apri...
Upcoming SlideShare
Loading in …5
×

The Responsive Mindset - Ramon Lapenta - 18/04/2013

1,073 views

Published on

Ramon’s talk at the Digital Pond, “The Responsive Mindset”, centred around getting into the right mindset to start planning and developing a successful responsive website project. This talk also covered common CSS frameworks, and why you should avoid them if you want to achieve a truly responsive website.

Published in: Design, Technology
  • Be the first to comment

  • Be the first to like this

The Responsive Mindset - Ramon Lapenta - 18/04/2013

  1. 1. The Responsive Mindset Ramon Lapenta @ramono #RWDPondFriday, 19 April 13
  2. 2. How do we define responsive?Friday, 19 April 13
  3. 3. To react quickly and positively.Friday, 19 April 13
  4. 4. A positive reaction Flickr credit: @whisperwolfFriday, 19 April 13
  5. 5. 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
  6. 6. Conferences CSS3 Media queries Javascript libraries Blog articlesFriday, 19 April 13
  7. 7. So where to start?Friday, 19 April 13
  8. 8. 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
  9. 9. Performance Flickr credit: @myoldpostcardsFriday, 19 April 13
  10. 10. Friday, 19 April 13
  11. 11. Big screen != Better connectionFriday, 19 April 13
  12. 12. Battery life Memory Graphics Flickr credit: @luxurylukeFriday, 19 April 13
  13. 13. The oooh shiny effect. Flickr credit: @intvgeneFriday, 19 April 13
  14. 14. Make decisions based on research Good for any project. A must for responsive.Friday, 19 April 13
  15. 15. Flexibility Flickr credit: @lyntallyFriday, 19 April 13
  16. 16. We always find ways to make our work faster and efficient. http://imgur.com/gallery/Q8kV8Friday, 19 April 13
  17. 17. The next big thing TMFriday, 19 April 13
  18. 18. Flickr credit: @donshall Trying to do everything. The next big thing TMFriday, 19 April 13
  19. 19. A self contained black box of no-touchiness Eric MeyerFriday, 19 April 13
  20. 20. If a framework doesnt do exactly what you need, its probably best not to use it.Friday, 19 April 13
  21. 21. Accessibility Flickr credit: @furbyx4Friday, 19 April 13
  22. 22. Assume less about your users and their environments.Friday, 19 April 13
  23. 23. We don’t have any non-Javascript users No, all your users are non-JS while theyre downloading your JS Jake ArchibaldFriday, 19 April 13
  24. 24. Accessibility pro-tip: Leave styling to CSS and use JS only to change the “state” of an element.Friday, 19 April 13
  25. 25. 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
  26. 26. Standards Flickr credit: @rawmusicFriday, 19 April 13
  27. 27. Standards are there to make us more organised with file structure, class names, modules, methods, dos and dont s.Friday, 19 April 13
  28. 28. CSS for RWD can get pretty messy, pretty fast.Friday, 19 April 13
  29. 29. A code style guide help us keep projects tidy and future-friendly.Friday, 19 April 13
  30. 30. So, responsive is...Friday, 19 April 13
  31. 31. Receptive Understanding SympatheticFriday, 19 April 13
  32. 32. These three words will make us be more careful about the user needs.Friday, 19 April 13
  33. 33. Caring about our users = Happier usersFriday, 19 April 13
  34. 34. Thanks. Ramon Lapenta @ramono #RWDPondFriday, 19 April 13

×