• Posts
  • RSS
  • ◂◂RSS
  • Contact

  • Picture Infrastructure

    January 15th, 2015
    blog, pictures, tech  [html]
    Every year I go back over the pictures I have and put up a selection of them under jefftk.com/pictures. For the first eight years or so this was just a simple list of thumbnails linking to larger versions of the images:
      <a href="family_dinner.jpg">
        <img src="family_dinner-tn.jpg"></a>
      <a href="alex_jeff_alice_rick_music.jpg">
        <img src="alex_jeff_alice_rick_music-tn.jpg"></a>
      <a href="davy_alex.jpg">
        <img src="davy_alex-tn.jpg"></a>
    
    Clicking on a picture, viewing it, and clicking back is kind of annoying, so I added a lightbox view last year. This year I wanted a better experience on my phone, so I rewrote the lightbox code to handle phones. [1]

    Over time the thumbnails got bigger and bigger as ideas about acceptable bandwidth have changed:

    year height
    2005 96px
    2006 96px
    2007 96px
    2008 96px
    2009 96px
    2010 128px
    2011 200px
    2012 300px
    2013 300px
    2014 400px
    At this point the 96px thumbnails are awkwardly small, so I've now gone back over all the years to bring thumbnails up to size and add the mobile-suporting changes I had made for 2014. I've also added srcset support for 2x displays:

       sed 's~img src="\([^"]*\)-tn.jpg"~
              img src="\1-tn.jpg"
                  srcset="\1-tn.jpg 1x, \1-2x.jpg 2x"~'
    

    (Historical consistency was very helpful here.)


    [1] Code is on github.

    Recent posts on blogs I like:

    Collections: Clothing, How Did They Make It? Part I: High Fiber

    This week we are starting the first of a four (?) part look at pre-modern textile production. As with our series on farming and iron, we are going to follow the sequence of production from the growing of fibers all the way to the finished object, with a f…

    via A Collection of Unmitigated Pedantry March 5, 2021

    Austerity is Inefficient

    Working on an emergency timetable for regional rail has made it clear how an environment of austerity requires tradeoffs that reduce efficiency. I already talked about how the Swiss electronics before concrete slogan is not about not spending money but ab…

    via Pedestrian Observations February 27, 2021

    The Troubling Ethics of Writing (A Speech from Ancient Sumer)

    (Translated from a transcript of an ancient Sumerian speech by Uruk's most well-respected Scriptological Ethicist) Writing is a profoundly dangerous technology: Access to writing was initially, and still remains, uneven. What's worse, the rich are m…

    via BLOG - Cullen O'Keefe February 15, 2021

    more     (via openring)


  • Posts
  • RSS
  • ◂◂RSS
  • Contact