Re: [CODE4LIB] Responsive Web Site Live

[Abedi M.Vincent]

DEAR STUART,
Good evening we need it most in Kraboa Coaltar district, Nsawam Adoagyiri 
Municipality because many schools in Ghana 
are deprived do not have access to libraries,books and computers so we need 
them very urgent to be supplies to 

the schools for effective learning  and closing the gap for them to learn and 
know what other parts of the world is doing.
Kind regards,
Vincent Mark Abedi
Nsawam

Ghana


 From: Michael Schofield 
To: CODE4LIB@LISTSERV.ND.EDU 
Sent: Thursday, January 3, 2013 9:29 PM
Subject: Re: [CODE4LIB] Responsive Web Site Live
 
That's what I use, but I can also second Browserstack. To be honest, no real 
user squishes the browser. It is arguably better to test on real devices. CSS 
break points are arbitrary. Embrace the squishy and hope for the best : ).

Michael 
The Web for Libraries |  www.ns4lib.com

-Original Message-
From: Code for Libraries [mailto:CODE4LIB@LISTSERV.ND.EDU] On Behalf Of David 
Mayo
Sent: Thursday, January 03, 2013 11:46 AM
To: CODE4LIB@LISTSERV.ND.EDU
Subject: Re: [CODE4LIB] Responsive Web Site Live

In Firefox, the Web Developer Toolbar also gives an option that animates the 
title with the width (and height, which is less useful) of the browser
- this can be useful for quick ballpark resize tests.

- Dave Mayo


On Thu, Jan 3, 2013 at 11:37 AM, Tom Keays  wrote:

> Browserstack and other emulators help quite a bit in testing, and 
> testing on real devices is always advisable.
>
> But here's a nifty tool I discovered which is really useful if you are 
> just playing around with breakpoint testing on your desktop browser.
>
> http://lab.maltewassermann.com/viewport-resizer/
>
> Tom
>
> On Thu, Jan 3, 2013 at 9:15 AM, Keith Jenkins  wrote:
>
> > Does anyone here have any experience with browser emulators such as 
> > BrowserStack?  http://www.browserstack.com/
> >
> > If so, have you come across any significant differences between the 
> > emulators and the real thing?
> >
> > Keith
> >
> >
> > On Wed, Jan 2, 2013 at 5:34 PM, Ron Gilmour 
> wrote:
> > > Ideally, of course, one would have a mobile device lab <
> >
> http://mobile.smashingmagazine.com/2012/09/24/establishing-an-open-dev
> ice-lab/
> > >
> > > where one could test a site on all kinds of devices, but that's 
> > > not
> > likely
> > > at a small college library.
> >
>

Re: [CODE4LIB] Responsive Web Site Live

[Michael Schofield]

That's what I use, but I can also second Browserstack. To be honest, no real 
user squishes the browser. It is arguably better to test on real devices. CSS 
break points are arbitrary. Embrace the squishy and hope for the best : ).

Michael 
The Web for Libraries |  www.ns4lib.com

-Original Message-
From: Code for Libraries [mailto:CODE4LIB@LISTSERV.ND.EDU] On Behalf Of David 
Mayo
Sent: Thursday, January 03, 2013 11:46 AM
To: CODE4LIB@LISTSERV.ND.EDU
Subject: Re: [CODE4LIB] Responsive Web Site Live

In Firefox, the Web Developer Toolbar also gives an option that animates the 
title with the width (and height, which is less useful) of the browser
- this can be useful for quick ballpark resize tests.

- Dave Mayo


On Thu, Jan 3, 2013 at 11:37 AM, Tom Keays  wrote:

> Browserstack and other emulators help quite a bit in testing, and 
> testing on real devices is always advisable.
>
> But here's a nifty tool I discovered which is really useful if you are 
> just playing around with breakpoint testing on your desktop browser.
>
> http://lab.maltewassermann.com/viewport-resizer/
>
> Tom
>
> On Thu, Jan 3, 2013 at 9:15 AM, Keith Jenkins  wrote:
>
> > Does anyone here have any experience with browser emulators such as 
> > BrowserStack?  http://www.browserstack.com/
> >
> > If so, have you come across any significant differences between the 
> > emulators and the real thing?
> >
> > Keith
> >
> >
> > On Wed, Jan 2, 2013 at 5:34 PM, Ron Gilmour 
> wrote:
> > > Ideally, of course, one would have a mobile device lab <
> >
> http://mobile.smashingmagazine.com/2012/09/24/establishing-an-open-dev
> ice-lab/
> > >
> > > where one could test a site on all kinds of devices, but that's 
> > > not
> > likely
> > > at a small college library.
> >
>

Re: [CODE4LIB] Responsive Web Site Live

[David Mayo]

In Firefox, the Web Developer Toolbar also gives an option that animates
the title with the width (and height, which is less useful) of the browser
- this can be useful for quick ballpark resize tests.

- Dave Mayo


On Thu, Jan 3, 2013 at 11:37 AM, Tom Keays  wrote:

> Browserstack and other emulators help quite a bit in testing, and testing
> on real devices is always advisable.
>
> But here's a nifty tool I discovered which is really useful if you are just
> playing around with breakpoint testing on your desktop browser.
>
> http://lab.maltewassermann.com/viewport-resizer/
>
> Tom
>
> On Thu, Jan 3, 2013 at 9:15 AM, Keith Jenkins  wrote:
>
> > Does anyone here have any experience with browser emulators such as
> > BrowserStack?  http://www.browserstack.com/
> >
> > If so, have you come across any significant differences between the
> > emulators and the real thing?
> >
> > Keith
> >
> >
> > On Wed, Jan 2, 2013 at 5:34 PM, Ron Gilmour 
> wrote:
> > > 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.
> >
>

Re: [CODE4LIB] Responsive Web Site Live

[Tom Keays]

Browserstack and other emulators help quite a bit in testing, and testing
on real devices is always advisable.

But here's a nifty tool I discovered which is really useful if you are just
playing around with breakpoint testing on your desktop browser.

http://lab.maltewassermann.com/viewport-resizer/

Tom

On Thu, Jan 3, 2013 at 9:15 AM, Keith Jenkins  wrote:

> Does anyone here have any experience with browser emulators such as
> BrowserStack?  http://www.browserstack.com/
>
> If so, have you come across any significant differences between the
> emulators and the real thing?
>
> Keith
>
>
> On Wed, Jan 2, 2013 at 5:34 PM, Ron Gilmour  wrote:
> > 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.
>

Re: [CODE4LIB] Responsive Web Site Live

[Charlie Morris]

I've been using BrowserStack for a while now.   The way the tool works is
that you are actually using virtual machines, so it's not really emulation.
 They give 30 minutes of trial usage away, so you can easily get a good
idea of how it works.  I think I made 30 minutes last a few months.

Also, Adobe Edge Inspect  (formerly
Shadow) is a nice tool for testing and designing on mobile.

-Charlie

On Thu, Jan 3, 2013 at 10:05 AM, Josh Wilson  wrote:

> While there are a lot of good tools that will get you most of the way
> towards simulating different browsers and windows, I think there's no
> substitute for checking whatever actual devices you have available. I can't
> speak to browserstack specifically, but with other tools I used when
> developing a responsive design (good compendium here, btw:
>
> http://www.netmagazine.com/features/50-fantastic-tools-responsive-web-design
> ),
> I found that I could get things looking and behaving right in a simulation,
> only to see them behave differently when I looked at an actual device. Not
> any drastic differences in my case, but little styling things I'd
> overlooked and gotten away with in the simulation turned out to affect
> things in practice.
>
> Josh
>
>
> On Thu, Jan 3, 2013 at 9:15 AM, Keith Jenkins  wrote:
>
> > Does anyone here have any experience with browser emulators such as
> > BrowserStack?  http://www.browserstack.com/
> >
> > If so, have you come across any significant differences between the
> > emulators and the real thing?
> >
> > Keith
> >
> >
> > On Wed, Jan 2, 2013 at 5:34 PM, Ron Gilmour 
> wrote:
> > > 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.
> >
>

Re: [CODE4LIB] Responsive Web Site Live

[Lynch,Katherine]

Hi Keith,

I haven't used BrowserStack, however I do rely on Responsinator for quick
testing - 

http://responsinator.com/

It pulls in device resolutions for a myriad of devices, from handheld to
tablets.  It's quick and free, great for testing as a design is assembled.

Sincerely,
Katherine
---
Katherine Lynch
Library Web Developer

Drexel University Libraries
Drexel University
3300 Market Street
W. W. Hagerty Library
Philadelphia, PA 19104
Tel: 215.895.1344  |  Fax: 215.895.2070
drexel.edu/library







On 1/3/13 9:15 AM, "Keith Jenkins"  wrote:

>Does anyone here have any experience with browser emulators such as
>BrowserStack?  http://www.browserstack.com/
>
>If so, have you come across any significant differences between the
>emulators and the real thing?
>
>Keith
>
>
>On Wed, Jan 2, 2013 at 5:34 PM, Ron Gilmour  wrote:
>> Ideally, of course, one would have a mobile device lab
>> 
>>>e-lab/>
>> where one could test a site on all kinds of devices, but that's not
>>likely
>> at a small college library.

Re: [CODE4LIB] Responsive Web Site Live

[Josh Wilson]

While there are a lot of good tools that will get you most of the way
towards simulating different browsers and windows, I think there's no
substitute for checking whatever actual devices you have available. I can't
speak to browserstack specifically, but with other tools I used when
developing a responsive design (good compendium here, btw:
http://www.netmagazine.com/features/50-fantastic-tools-responsive-web-design),
I found that I could get things looking and behaving right in a simulation,
only to see them behave differently when I looked at an actual device. Not
any drastic differences in my case, but little styling things I'd
overlooked and gotten away with in the simulation turned out to affect
things in practice.

Josh


On Thu, Jan 3, 2013 at 9:15 AM, Keith Jenkins  wrote:

> Does anyone here have any experience with browser emulators such as
> BrowserStack?  http://www.browserstack.com/
>
> If so, have you come across any significant differences between the
> emulators and the real thing?
>
> Keith
>
>
> On Wed, Jan 2, 2013 at 5:34 PM, Ron Gilmour  wrote:
> > 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.
>

Re: [CODE4LIB] Responsive Web Site Live

[Keith Jenkins]

Does anyone here have any experience with browser emulators such as
BrowserStack?  http://www.browserstack.com/

If so, have you come across any significant differences between the
emulators and the real thing?

Keith


On Wed, Jan 2, 2013 at 5:34 PM, Ron Gilmour  wrote:
> Ideally, of course, one would have a mobile device lab
> 
> where one could test a site on all kinds of devices, but that's not likely
> at a small college library.

Re: [CODE4LIB] directing users to mobile DBs, was RE: [CODE4LIB] Responsive Web Site Live

[Ron Gilmour]

Hi Mark,

Not using a CMS at this point, but I did use Twitter
Bootstrap<http://twitter.github.com/bootstrap/>.
So there's no browser detection, just media queries on width.

Ron


On Wed, Jan 2, 2013 at 3:51 PM, Mark Pernotto wrote:

> I'd be curious to hear the response to Jonathan's question.  For the
> longest time, I used to determine mobile  displays by browser, but it
> just got too cluttered.  Now I detect browser width to determine
> mobile versions.  This little trick doesn't play nice with all
> frameworks, however, so it's not bullet-proof, but so far, it has
> worked well.  And on a high level, easy to troubleshoot.
>
> It wasn't immediately apparent to me if this was a part of a CMS or
> not - it's awfully clean, and the usual Joomla/Drupal/Wordpress
> identities weren't visible in the source.  Really nice work!
>
> Thanks,
> Mark
>
>
> On Wed, Jan 2, 2013 at 12:36 PM, Jonathan Rochkind 
> wrote:
> > What method do you use to detect mobile-or-not?
> >
> >
> > On 1/2/2013 3:33 PM, Ken Irwin wrote:
> >>
> >> Sarah asks about how to direct users to mobile versions of databases
> where
> >> appropriate.
> >>
> >> The way I'm doing it is:
> >> 1. All database links are served up from a database table, so the link
> on
> >> our website is http://$OUR_LIBRARY/redirect?$db_id
> >> 2. The db-of-dbs knows if there is a mobile specific url (because we put
> >> it there...)
> >> 3. Detect mobile-or-not as a binary value
> >> 4. Serve up the right one as an HTTP header redirect
> >>
> >> One big exception: EBSCO (which provides a really large number of our
> >> databases) handles their mobile access by using the same URL with a
> >> different profile name in the url. The redirect script has a special
> case
> >> that says if ($mobile = true and $ebsco = true) { do string replace on
> the
> >> url to change from the desktop url to the mobile url } -- so I don't
> have to
> >> list both versions of the URL in the database.
> >>
> >> It seems to work out pretty well.
> >>
> >> Ken
> >>
> >> -Original Message-
> >> From: Code for Libraries [mailto:CODE4LIB@LISTSERV.ND.EDU] On Behalf Of
> >> Sarah Dooley
> >> Sent: Wednesday, January 02, 2013 3:25 PM
> >> To: CODE4LIB@LISTSERV.ND.EDU
> >> Subject: Re: [CODE4LIB] Responsive Web Site Live
> >>
> >> Very cool--congratulations!
> >>
> >> In addition to Dave's questions, I'd be curious to know (can't see it
> >> since I don't have a login) how you handled directing people to
> databases
> >> that have mobile versions. This is something I've been wondering about
> for
> >> our site down the road and library sites in general--from a responsive
> site,
> >> how to effectively link people out to vendor-provided resources that are
> >> either mobile or non-mobile.
> >>
> >> -Sarah Dooley
> >>
> >>
> >
>

Re: [CODE4LIB] Responsive Web Site Live

[Ron Gilmour]

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,
and I mostly stuck with the breakpoints that they had
set
.

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
labwhere
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  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  wrote:
>
> > Greetings and Happy New Year!
> >
> > Just went live today with a responsive web design at Ithaca College
> > Library.
> > Stop by and take a look.
> >
> > Ron Gilmour
> > Web Services Librarian
> > Ithaca College Library
> >
>

Re: [CODE4LIB] directing users to mobile DBs, was RE: [CODE4LIB] Responsive Web Site Live

[Ken Irwin]

The code I'm using (on the server side) is based on the 
$_SERVER['HTTP_USER_AGENT'] variable -- the providers of the code have gone to 
a bunch of trouble to parse user agents and discern whether or not they count 
as mobile devices. It is decidedly imperfect, but it does a good job at least 
for the mobile devices we're seeing so far. 

In other contexts I also use JavaScript-based detection, but for these 
functions I'm doing it with the PHP approach. 

ken 

-Original Message-
From: Code for Libraries [mailto:CODE4LIB@LISTSERV.ND.EDU] On Behalf Of 
Jonathan Rochkind
Sent: Wednesday, January 02, 2013 3:53 PM
To: CODE4LIB@LISTSERV.ND.EDU
Subject: Re: [CODE4LIB] directing users to mobile DBs, was RE: [CODE4LIB] 
Responsive Web Site Live

Ah, but this still doesn't answer my question on your part, Mark!

How do you detect browser width, especially on the server-side?

If it's with Javascript... the method Ken describes, it's not clear to me how 
javascript logic could get in there exactly.

Thus my question.

On 1/2/2013 3:51 PM, Mark Pernotto wrote:
> I'd be curious to hear the response to Jonathan's question.  For the 
> longest time, I used to determine mobile  displays by browser, but it 
> just got too cluttered.  Now I detect browser width to determine 
> mobile versions.  This little trick doesn't play nice with all 
> frameworks, however, so it's not bullet-proof, but so far, it has 
> worked well.  And on a high level, easy to troubleshoot.
>
> It wasn't immediately apparent to me if this was a part of a CMS or 
> not - it's awfully clean, and the usual Joomla/Drupal/Wordpress 
> identities weren't visible in the source.  Really nice work!
>
> Thanks,
> Mark
>
>
> On Wed, Jan 2, 2013 at 12:36 PM, Jonathan Rochkind  wrote:
>> What method do you use to detect mobile-or-not?
>>
>>
>> On 1/2/2013 3:33 PM, Ken Irwin wrote:
>>>
>>> Sarah asks about how to direct users to mobile versions of databases 
>>> where appropriate.
>>>
>>> The way I'm doing it is:
>>> 1. All database links are served up from a database table, so the 
>>> link on our website is http://$OUR_LIBRARY/redirect?$db_id
>>> 2. The db-of-dbs knows if there is a mobile specific url (because we 
>>> put it there...) 3. Detect mobile-or-not as a binary value 4. Serve 
>>> up the right one as an HTTP header redirect
>>>
>>> One big exception: EBSCO (which provides a really large number of 
>>> our
>>> databases) handles their mobile access by using the same URL with a 
>>> different profile name in the url. The redirect script has a special 
>>> case that says if ($mobile = true and $ebsco = true) { do string 
>>> replace on the url to change from the desktop url to the mobile url 
>>> } -- so I don't have to list both versions of the URL in the database.
>>>
>>> It seems to work out pretty well.
>>>
>>> Ken
>>>
>>> -Original Message-
>>> From: Code for Libraries [mailto:CODE4LIB@LISTSERV.ND.EDU] On Behalf 
>>> Of Sarah Dooley
>>> Sent: Wednesday, January 02, 2013 3:25 PM
>>> To: CODE4LIB@LISTSERV.ND.EDU
>>> Subject: Re: [CODE4LIB] Responsive Web Site Live
>>>
>>> Very cool--congratulations!
>>>
>>> In addition to Dave's questions, I'd be curious to know (can't see 
>>> it since I don't have a login) how you handled directing people to 
>>> databases that have mobile versions. This is something I've been 
>>> wondering about for our site down the road and library sites in 
>>> general--from a responsive site, how to effectively link people out 
>>> to vendor-provided resources that are either mobile or non-mobile.
>>>
>>> -Sarah Dooley
>>>
>>>
>>
>
>

Re: [CODE4LIB] directing users to mobile DBs, was RE: [CODE4LIB] Responsive Web Site Live

[Jonathan Rochkind]

I don't want to do the registration just to see how it works... but I 
assume it's doing user-agent detection?


Have you had issues with newly invented mobile browsers not being 
caught, do you ever update your PHP script with a new updated copy from 
teh author or anything?


On 1/2/2013 3:55 PM, Ken Irwin wrote:

I use the PHP code from: http://detectmobilebrowsers.mobi/
(free for personal and non-profit use)

Ken

-Original Message-
From: Jonathan Rochkind [mailto:rochk...@jhu.edu]
Sent: Wednesday, January 02, 2013 3:36 PM
To: Code for Libraries
Cc: Ken Irwin
Subject: Re: [CODE4LIB] directing users to mobile DBs, was RE: [CODE4LIB] 
Responsive Web Site Live

What method do you use to detect mobile-or-not?

Re: [CODE4LIB] directing users to mobile DBs, was RE: [CODE4LIB] Responsive Web Site Live

[Ken Irwin]

I use the PHP code from: http://detectmobilebrowsers.mobi/ 
(free for personal and non-profit use)

Ken

-Original Message-
From: Jonathan Rochkind [mailto:rochk...@jhu.edu] 
Sent: Wednesday, January 02, 2013 3:36 PM
To: Code for Libraries
Cc: Ken Irwin
Subject: Re: [CODE4LIB] directing users to mobile DBs, was RE: [CODE4LIB] 
Responsive Web Site Live

What method do you use to detect mobile-or-not?

Re: [CODE4LIB] directing users to mobile DBs, was RE: [CODE4LIB] Responsive Web Site Live

[Jonathan Rochkind]

Ah, but this still doesn't answer my question on your part, Mark!

How do you detect browser width, especially on the server-side?

If it's with Javascript... the method Ken describes, it's not clear to 
me how javascript logic could get in there exactly.


Thus my question.

On 1/2/2013 3:51 PM, Mark Pernotto wrote:

I'd be curious to hear the response to Jonathan's question.  For the
longest time, I used to determine mobile  displays by browser, but it
just got too cluttered.  Now I detect browser width to determine
mobile versions.  This little trick doesn't play nice with all
frameworks, however, so it's not bullet-proof, but so far, it has
worked well.  And on a high level, easy to troubleshoot.

It wasn't immediately apparent to me if this was a part of a CMS or
not - it's awfully clean, and the usual Joomla/Drupal/Wordpress
identities weren't visible in the source.  Really nice work!

Thanks,
Mark


On Wed, Jan 2, 2013 at 12:36 PM, Jonathan Rochkind  wrote:

What method do you use to detect mobile-or-not?


On 1/2/2013 3:33 PM, Ken Irwin wrote:


Sarah asks about how to direct users to mobile versions of databases where
appropriate.

The way I'm doing it is:
1. All database links are served up from a database table, so the link on
our website is http://$OUR_LIBRARY/redirect?$db_id
2. The db-of-dbs knows if there is a mobile specific url (because we put
it there...)
3. Detect mobile-or-not as a binary value
4. Serve up the right one as an HTTP header redirect

One big exception: EBSCO (which provides a really large number of our
databases) handles their mobile access by using the same URL with a
different profile name in the url. The redirect script has a special case
that says if ($mobile = true and $ebsco = true) { do string replace on the
url to change from the desktop url to the mobile url } -- so I don't have to
list both versions of the URL in the database.

It seems to work out pretty well.

Ken

-Original Message-
From: Code for Libraries [mailto:CODE4LIB@LISTSERV.ND.EDU] On Behalf Of
Sarah Dooley
Sent: Wednesday, January 02, 2013 3:25 PM
To: CODE4LIB@LISTSERV.ND.EDU
Subject: Re: [CODE4LIB] Responsive Web Site Live

Very cool--congratulations!

In addition to Dave's questions, I'd be curious to know (can't see it
since I don't have a login) how you handled directing people to databases
that have mobile versions. This is something I've been wondering about for
our site down the road and library sites in general--from a responsive site,
how to effectively link people out to vendor-provided resources that are
either mobile or non-mobile.

-Sarah Dooley

Re: [CODE4LIB] directing users to mobile DBs, was RE: [CODE4LIB] Responsive Web Site Live

[Mark Pernotto]

I'd be curious to hear the response to Jonathan's question.  For the
longest time, I used to determine mobile  displays by browser, but it
just got too cluttered.  Now I detect browser width to determine
mobile versions.  This little trick doesn't play nice with all
frameworks, however, so it's not bullet-proof, but so far, it has
worked well.  And on a high level, easy to troubleshoot.

It wasn't immediately apparent to me if this was a part of a CMS or
not - it's awfully clean, and the usual Joomla/Drupal/Wordpress
identities weren't visible in the source.  Really nice work!

Thanks,
Mark


On Wed, Jan 2, 2013 at 12:36 PM, Jonathan Rochkind  wrote:
> What method do you use to detect mobile-or-not?
>
>
> On 1/2/2013 3:33 PM, Ken Irwin wrote:
>>
>> Sarah asks about how to direct users to mobile versions of databases where
>> appropriate.
>>
>> The way I'm doing it is:
>> 1. All database links are served up from a database table, so the link on
>> our website is http://$OUR_LIBRARY/redirect?$db_id
>> 2. The db-of-dbs knows if there is a mobile specific url (because we put
>> it there...)
>> 3. Detect mobile-or-not as a binary value
>> 4. Serve up the right one as an HTTP header redirect
>>
>> One big exception: EBSCO (which provides a really large number of our
>> databases) handles their mobile access by using the same URL with a
>> different profile name in the url. The redirect script has a special case
>> that says if ($mobile = true and $ebsco = true) { do string replace on the
>> url to change from the desktop url to the mobile url } -- so I don't have to
>> list both versions of the URL in the database.
>>
>> It seems to work out pretty well.
>>
>> Ken
>>
>> -Original Message-
>> From: Code for Libraries [mailto:CODE4LIB@LISTSERV.ND.EDU] On Behalf Of
>> Sarah Dooley
>> Sent: Wednesday, January 02, 2013 3:25 PM
>> To: CODE4LIB@LISTSERV.ND.EDU
>> Subject: Re: [CODE4LIB] Responsive Web Site Live
>>
>> Very cool--congratulations!
>>
>> In addition to Dave's questions, I'd be curious to know (can't see it
>> since I don't have a login) how you handled directing people to databases
>> that have mobile versions. This is something I've been wondering about for
>> our site down the road and library sites in general--from a responsive site,
>> how to effectively link people out to vendor-provided resources that are
>> either mobile or non-mobile.
>>
>> -Sarah Dooley
>>
>>
>

Re: [CODE4LIB] directing users to mobile DBs, was RE: [CODE4LIB] Responsive Web Site Live

[Jonathan Rochkind]

What method do you use to detect mobile-or-not?

On 1/2/2013 3:33 PM, Ken Irwin wrote:

Sarah asks about how to direct users to mobile versions of databases where 
appropriate.

The way I'm doing it is:
1. All database links are served up from a database table, so the link on our 
website is http://$OUR_LIBRARY/redirect?$db_id
2. The db-of-dbs knows if there is a mobile specific url (because we put it 
there...)
3. Detect mobile-or-not as a binary value
4. Serve up the right one as an HTTP header redirect

One big exception: EBSCO (which provides a really large number of our 
databases) handles their mobile access by using the same URL with a different 
profile name in the url. The redirect script has a special case that says if 
($mobile = true and $ebsco = true) { do string replace on the url to change 
from the desktop url to the mobile url } -- so I don't have to list both 
versions of the URL in the database.

It seems to work out pretty well.

Ken

-Original Message-
From: Code for Libraries [mailto:CODE4LIB@LISTSERV.ND.EDU] On Behalf Of Sarah 
Dooley
Sent: Wednesday, January 02, 2013 3:25 PM
To: CODE4LIB@LISTSERV.ND.EDU
Subject: Re: [CODE4LIB] Responsive Web Site Live

Very cool--congratulations!

In addition to Dave's questions, I'd be curious to know (can't see it since I 
don't have a login) how you handled directing people to databases that have 
mobile versions. This is something I've been wondering about for our site down 
the road and library sites in general--from a responsive site, how to 
effectively link people out to vendor-provided resources that are either mobile 
or non-mobile.

-Sarah Dooley

[CODE4LIB] directing users to mobile DBs, was RE: [CODE4LIB] Responsive Web Site Live

[Ken Irwin]

Sarah asks about how to direct users to mobile versions of databases where 
appropriate. 

The way I'm doing it is: 
1. All database links are served up from a database table, so the link on our 
website is http://$OUR_LIBRARY/redirect?$db_id
2. The db-of-dbs knows if there is a mobile specific url (because we put it 
there...) 
3. Detect mobile-or-not as a binary value
4. Serve up the right one as an HTTP header redirect

One big exception: EBSCO (which provides a really large number of our 
databases) handles their mobile access by using the same URL with a different 
profile name in the url. The redirect script has a special case that says if 
($mobile = true and $ebsco = true) { do string replace on the url to change 
from the desktop url to the mobile url } -- so I don't have to list both 
versions of the URL in the database.

It seems to work out pretty well.

Ken 

-Original Message-
From: Code for Libraries [mailto:CODE4LIB@LISTSERV.ND.EDU] On Behalf Of Sarah 
Dooley
Sent: Wednesday, January 02, 2013 3:25 PM
To: CODE4LIB@LISTSERV.ND.EDU
Subject: Re: [CODE4LIB] Responsive Web Site Live

Very cool--congratulations!

In addition to Dave's questions, I'd be curious to know (can't see it since I 
don't have a login) how you handled directing people to databases that have 
mobile versions. This is something I've been wondering about for our site down 
the road and library sites in general--from a responsive site, how to 
effectively link people out to vendor-provided resources that are either mobile 
or non-mobile.

-Sarah Dooley

Re: [CODE4LIB] Responsive Web Site Live

[Sarah Dooley]

Very cool--congratulations!

In addition to Dave's questions, I'd be curious to know (can't see it since
I don't have a login) how you handled directing people to databases that
have mobile versions. This is something I've been wondering about for our
site down the road and library sites in general--from a responsive site,
how to effectively link people out to vendor-provided resources that are
either mobile or non-mobile.

-Sarah Dooley


On Wed, Jan 2, 2013 at 3:06 PM, David Mayo  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  wrote:
>
> > Greetings and Happy New Year!
> >
> > Just went live today with a responsive web design at Ithaca College
> > Library.
> > Stop by and take a look.
> >
> > Ron Gilmour
> > Web Services Librarian
> > Ithaca College Library
> >
>
>


-- 
Sarah Dooley
Web & User Experience Development Librarian
NC LIVE
Voice: 919-513-2915
Fax: 919-513-2588
Email: sa...@nclive.org

http://nclive.org/

Re: [CODE4LIB] Responsive Web Site Live

[David Mayo]

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  wrote:

> Greetings and Happy New Year!
>
> Just went live today with a responsive web design at Ithaca College
> Library.
> Stop by and take a look.
>
> Ron Gilmour
> Web Services Librarian
> Ithaca College Library
>

[CODE4LIB] Responsive Web Site Live

[Ron Gilmour]

Greetings and Happy New Year!

Just went live today with a responsive web design at Ithaca College
Library.
Stop by and take a look.

Ron Gilmour
Web Services Librarian
Ithaca College Library