::  Posts  ::  RSS  ::  ◂◂RSS  ::  Contact

Picture Infrastructure

January 15th, 2015
tech, pictures, blog  [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:

Absolute scale corrupts absolutely

The Internet has gotten too big. Growing up, I, like many computery people of my generation, was an idealist. I believed that better, faster communication would be an unmitigated improvement to society. "World peace through better communication,"…

via apenwarr August 19, 2019

Traces

At naptime Anna listens to recordings of novels recorded by Jeff’s grandmother. It is the main way she will know Winnie, as it is the main way I have ever known Winnie. Some of the recordings are missing parts, and Suzie often fills in the first few sente…

via The whole sky August 18, 2019

One Night Ultimate Werewolf

I really like One Night Ultimate Werewolf (ONUW), and recommend trying it out. The Daybreak expansion is also good (but I’d skip the later games in the series). App For those who’ve played a lot and wish the night took 20 seconds rather than a few minutes…

via The sideways view August 18, 2019

more     (via openring)

More Posts:


  ::  Posts  ::  RSS  ::  ◂◂RSS  ::  Contact