Hi Dave!

Good point about the middle sizes. Trying to get content to look good at
every conceivable size is the really hard part of responsive design.

The site is based on Twitter Bootstrap<http://twitter.github.com/bootstrap/>,
and I mostly stuck with the breakpoints that they had
set<http://twitter.github.com/bootstrap/scaffolding.html#responsive>
.

In deciding what browsers and devices to support, I looked at our Google
Analytics. These indicate very little traffic from IE8, so I made the
decision not to worry about that browser. The site has been tested in
modern versions of the Big 4 browsers, and some older ones (I found a
computer with Firefox 5 and it looks pretty good!).

The analytics also show that most of our mobile traffic comes from iPhones,
so much of the mobile testing was done on that device. Ideally, of course,
one would have a mobile device
lab<http://mobile.smashingmagazine.com/2012/09/24/establishing-an-open-device-lab/>where
one could test a site on all kinds of devices, but that's not likely
at a small college library.

Ron


On Wed, Jan 2, 2013 at 3:06 PM, David Mayo <[log in to unmask]> wrote:

> Ooooh, exciting!
>
> I think the middle layout (768px < xwidth < 1020px) needs some love (the
> right-hand box deforms pretty severely, and parts of the content of the
> center top box are obscured due to non-resizing form controls), but
> overall, nice work!
>
> If you feel like it, I'd love to hear more about some of the decisions you
> made here; particularly, what browsers you're supporting, how you chose
> your breakpoints for the media queries, etc.
>
> - Dave Mayo
>
>
> On Wed, Jan 2, 2013 at 1:42 PM, Ron Gilmour <[log in to unmask]> wrote:
>
> > Greetings and Happy New Year!
> >
> > Just went live today with a responsive web design at Ithaca College
> > Library<http://ithacalibrary.com>.
> > Stop by and take a look.
> >
> > Ron Gilmour
> > Web Services Librarian
> > Ithaca College Library
> >
>