Grow your CSS skills. Land your dream job.

Responsive Tumblr Photosets

  • # December 1, 2012 at 2:23 am

    Has anyone figured out a slick all-CSS solution for making Tumblr’s Photosets responsive and fluid?

    I’ve seen plenty of device-specific break-point resizing but I’m looking for a fluid solution that gives similar behavior to max-width:100% commonly used on regular images.

    Any help? Thanks!

    # December 1, 2012 at 5:18 pm

    I don’t have an all CSS solution because Tumblr’s photosets are sitting in an iFrame. What I did do, however, is completely rebuild the photoset with my own jQuery plugin.

    https://github.com/PixelUnion/Extended-Tumblr-Photoset

    And, if you wait until… Monday-ish, it’ll have the Tumblr Lightbox built into it as a standard option (instead of needing to supply your own).

    The beauty about redoing it from scratch is it enabled me to add in features like EXIF data and individual photo captions, as well as making it completely responsive.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".