addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramlinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Responsive Responsive Design by Tim Kadlec

Tim Kadlec

Since May of 2010 when it was first introduced, responsive design has taken the web by storm. It seems like every day a company somewhere is promoting their new "responsive" redesign. Even large companies like Microsoft and Disney are getting in on the act.

But there are wrinkles in the fabric. A disturbing trend is emerging of bloated responsive sites.86% of responsives sites weigh at least as much on a mobile device as they do on the desktop site. It's becoming more common to find a responsive site weighing several MB than to find one under 300kb. Is this trend an indication that responsive design is inherently bad for performance? Or are we blaming the technique when we should be blaming the implementation?

Tim Kadlec (@tkadlec) is a web developer with a propensity for efficient, standards-based front-end development. His diverse background working with small companies to large publishers and industrial corporations has allowed him to see how standards-based development can be effectively utilized for business of all sizes. Tim is the author of Implementing Responsive Design (Peachpit Press, 2012) and the co-founder of Breaking Development, the leading North American conference discussing web design and development for mobile devices. He writes about a variety of topics at timkadlec.com

Agenda:

6:30 - Arrive, meet other members
6:45 - Event starts
7:00 - Responsive Responsive Design (Tim Kadlec)
8:00 - Q&A
8:15 - "Books and Stuff" geekaways
8:30 - Open Discussion, Networking

Location:

Animoto
440 Lafayette St
2nd Floor
New York, NY

Directions on Google Maps: http://goo.gl/maps/62EL4

Entrance on StreetView: http://goo.gl/maps/oZRWw

 

Our Sponsors:

O'Reilly Velocity O'Reilly Velocity is much more than a conference, it's essential the training event for web operations and development professionals.

Akamai® is the leading cloud platform for helping enterprises provide secure, high-performing user experiences on any device, anywhere.

Strangeloop provides advanced front-end optimization (FEO) solutions to companies like eBay/PayPal, Visa, and O'Reilly Media.

SOASTA’s web and mobile app test automation solution enables developers, QA professionals, and IT Operations teams to test with unprecedented speed, scale and precision.

Catchpoint is sponsoring us by providing 10% discount to our members and books to raffle.

 

Join or login to comment.

  • A former member
    A former member

    Hey Tim, any chance you could post your slides?

    2 · April 24, 2013

  • A former member
    A former member

    Hi, thank you for the recording. I was on the waiting list and couldn't get in. The recording was very helpful.
    Could you share the slides?

    1 · April 24, 2013

  • Tim K.

    Hey guys! Thanks again for coming and for all the great discussion!

    I'm a bit tardy, but you can find the slides here: https://speakerdeck.com/tkadlec/responsive-responsive-design

    Also, Jason Grigsby's excellent post series that came up in discussion can be found here: http://blog.cloudfour.com/responsive-imgs/, http://blog.cloudfour.com/responsive-imgs-part-2/, http://blog.cloudfour.com/responsive-imgs-part-3-future-of-the-img-tag/

    May 2, 2013

  • Je S.

    Do you guys think at a certain point where there are so many differences in the design between desktop and mobile that responsive wouldn't be the way to go and device detection would be better?
    Just think you'd be doing things like moving dom elements around with JS for it to look correct.

    April 29, 2013

    • Bruce I.

      Je Pense,
      If you've committed to the disruptive mobile market, and management & user design have committed to separate native look & feel for mobile & desktop platforms, and the $1500 - $20k annual licensing fees for an updated Wurfl database are cheaper than hiring help, non-responsive makes sense, in the short term.
      However, beyond the vendor lock-in, until Scienta (Wurfl) gets a strong competitor, non-responsive design commits you to a new fragile dependency in this disruptive market.
      Instead of maintaining separate code base, with a native mobile look & feel, why not just maintain native apps for Android, iPhone, Blackberry, Ubuntu-for-Android, Palm/WebOS.
      Incidentally, CSS is preferred, over JS.

      April 29, 2013

  • Eliazer B.

    As a follow up, I found very interesting slides by #perfmatters google developers
    http://mainroach.appspot.com/docs/PCMW.pdf

    April 25, 2013

  • Leona R.

    Tim provided a good case for moving forward with responsive web design development.

    April 26, 2013

  • Sergey C.

    Recording URL:
    http://www.youtube.com/watch?v=s8NMXU_bQq4&t=48m40s

    Updated URL for video posted by Justin.

    1 · April 24, 2013

    • David G.

      Added time stamps for some highlights in Tim's presentation:
      @0:54: General "why performance matters"
      @1:03: Performance Budget
      @1:12: Responsive image techniques
      @1:30: Conditional loading and "cutting the mustard"
      @1:36: "lazy loading" images
      @1:39: CSS media queries
      @1:43: "going vanilla" with JavaScript, trade-offs of using frameworks/libraries
      @1:49: Mobile-First discussion
      @1:51: in summation: performance must be integral part of UX
      @1:52: Q&A

      2 · April 26, 2013

  • Marc S.

    Now if we can collectively end the corrupt corp/gov broadband death spiral and finally upgrade the last mile with fiber then optimizing images and video will be trivial or unnecessary. I might even take up golf again.

    April 24, 2013

  • Sungok L.

    It's Samsung Youm. The thing he mentioned about a flexible display phone.

    April 24, 2013

  • Eliazer B.

    Thanks @Tim and @Sergey! It was a great meetup and very informative!

    Also special thanks for the book I won :)

    April 24, 2013

  • Sergey C.

    Loved it! Thank you, Tim, for a great presentation!

    1 · April 24, 2013

  • Mehboob A.

    Good concepts, especially "performance budget"

    April 23, 2013

  • drew b.

    Ok thanks for letting me know Sergey, much appreciated!

    April 23, 2013

    • Sergey C.

      Well, apparently I was wrong, we might actually get a recording, watch for the comments on this event.

      April 23, 2013

  • Mike S.

    Excellent presentation. Learned lots of responsive performance and performance generally.

    April 23, 2013

  • matthew a.

    Caught the live-stream: enjoyed all of it and learned a lot. I found especially useful the notion of creating a "performance budget" for responsive redesign projects

    1 · April 23, 2013

    • Mike S.

      Missed you tonight - was surprised to see your name pop up in the comments. :)

      April 23, 2013

  • David G.

    Great discussion with Tim Kadlec, and a smart, engaged meetup group. Plus I won a book :). Thanks Sergey and Animoto.

    April 23, 2013

  • John C.

    Justin, thanks for the live broadcast!

    April 23, 2013

  • Lin-Yu W.

    I'm in!! Super excited!!

    April 23, 2013

  • Lin-Yu W.

    What time can I enter the building? I'm in front of the building now. Can't wait!! :D

    April 23, 2013

  • Vanessa L.

    Sick and can't make it! :-/

    April 23, 2013

  • Sergey C.

    Event is not going to be recorded, unfortunately.

    April 23, 2013

  • Sergey C.

    Yes, this is required, waiting list is not automated.

    April 23, 2013

  • Marc S.

    Yo, is one required to leave the wait list in order to complete a transaction and attend the presentation?

    April 23, 2013

  • Michael P.

    can't make it after all. so sorry.

    April 23, 2013

  • drew b.

    I'm curious if this event will be recorded?

    April 23, 2013

  • Eliazer B.

    Looking forward!

    April 22, 2013

  • Marc S.

    Last one ;)

    April 22, 2013

  • Eric G.

    Something has come up and I won't be able to make it

    April 12, 2013

  • A former member
    A former member

    too far

    April 4, 2013

  • Mehboob A.

    Yay!!!

    April 4, 2013

Your organizer's refund policy for Responsive Responsive Design by Tim Kadlec

Refunds offered if:

  • the Meetup is cancelled
  • you can cancel at least 0 day(s) before the Meetup

Payments you make go to the organizer, not to Meetup. You must make refund requests to the organizer.

Regardless of the refund policy set by the organizer, Meetup may issue refunds on an organizer's behalf if we determine that Meetup's Payment Policies have been violated.

Our Sponsors

  • Akamai

    Any experience. Any device. Anywhere.

  • Fastly

    Fastly is the next generation CDN.

  • SOASTA

    Web and mobile app test automation solution.

  • O'Reilly

    O'Reilly publishes performance books and sponsors our book raffles!

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy