WEBSTANDARDS Archives

April 2011

WEBSTANDARDS@LISTS.UMN.EDU

Options: Use Proportional Font
Show HTML Part by Default
Show All Mail Headers

Message: [<< First] [< Prev] [Next >] [Last >>]
Topic: [<< First] [< Prev] [Next >] [Last >>]
Author: [<< First] [< Prev] [Next >] [Last >>]

Print Reply
Subject:
From:
Theresa Tichich <[log in to unmask]>
Reply To:
UofMN Web Standards <[log in to unmask]>
Date:
Thu, 28 Apr 2011 15:16:18 -0500
Content-Type:
multipart/alternative
Parts/Attachments:
text/plain (4 kB) , text/html (10 kB)
Here's the info from the Mobile Web Pages class from UTTC - The instructor
was Pat Haggerty.

You'll find a copy of the files we used for class, as well as a copy of the
completed files, at the following address:

 https://netfiles.umn.edu/xythoswfs/webui/_xy-9587358_1


The file will be compressed as a .zip file, so you'll have to uncompress it
to locate and use the files.  You'll also find a folder called References
that includes the specifications for XHTML Mobile Profile v1.1 and v1.2, as
well as the specifications for WAP CSS v1.0 and v1.1.  I've also included a
copy of the W3C's Mobile Web Best Practices v1.0.

The class files include the web page we used to add the Antiscreen
bookmarklet to the browser's bookmark toolbar.  The actual origin of this
bookmarklet can be found at the following fantastic article from A List
Apart:


http://www.alistapart.com/articles/return-of-the-mobile-stylesheet


I'll also include links to the resources that appear at the end of your
class handout:


Open Mobile Alliance (OMA):  www.openmobilealliance.org/

mobiForge:  mobiforge.com

Mobile Web Design: The Series:  www.cameronmoll.com/archives/000398.html

dotMobi Validator and Emulator:  ready.mobi

Opera Mini:  www.opera.com/mini/demo

W3C's Mobile Best Practices 1.0:  www.w3.org/TR/mobile-bp

Mobile Web Design, by Cameron Moll:  ISBN 9780615185910

Building Mobile Web Sites: Design Patterns, Recipes and Ideas, by Richard
Yates:  ISBN 1419654985

On Thu, Apr 28, 2011 at 3:11 PM, Tim Beaufoy <[log in to unmask]> wrote:

>  Great info everyone, thank you.
>
> Tim
>
>
>
> On 4/28/2011 2:54 PM, Tony Thomas wrote:
>
> We recently developed a mobile version of our Spring Jam website<http://springjam.umn.edu>.
>
>
>  We chose a slightly different method than Kris. Our original website is
> rather image heavy and has lots of JavaScript that we knew we wouldn't need
> for the mobile site. Rather than load all of that and hide it, we opted for
> mobile detection that redirects to a different url with a template that is
> more lightweight.
>
>  We used this mobile detection script <http://detectmobilebrowser.com/>.
> The script is wrapped in a PHP function that we can call and use to
> redirect. A cookie is set before the user is redirected so that they can go
> back to the full-featured site if they wish (rather than getting
> redirected over and over <http://xkcd.com/869/>). The same mobile
> detection is used on the full site to add a link to the mobile version if
> someone is viewing it on a mobile device.
>
>  As for Java support, I can't be certain.
>
> On Thu, Apr 28, 2011 at 2:35 PM, Tim Beaufoy <[log in to unmask]> wrote:
>
>>  I should probably also ask what are you using for device detection and
>> is java a good route to go? I've read many phones can detect java but not
>> all phones.
>>
>>
>>
>> On 4/28/2011 2:24 PM, Kristofer Layon wrote:
>>
>> We have a web site that we've been testing here --- this version hasn't
>> replaced the OSA web site yet, but take a look:
>>
>>  http://www.faculty.umn.edu/osa/
>>
>>  When viewed on a mobile device, it has a different presentation.  But
>> the exact same HTML.  It's all done with device queries and a mobile CSS.
>>
>>  And on mobile, you still have the option to view the full site (see link
>> at bottom of the page).
>>
>>  Kris
>>
>>
>> Kristofer D. Layon
>> Web Design & Social Media
>> 612.624.4545  :  http://z.umn.edu/klayon  :  http://twitter.com/klayon
>> - - - - - -
>> Office of the Senior Vice President for System Academic Administration
>> University of Minnesota Twin Cities
>> http://www.academic.umn.edu/system/communications/
>>
>>  On Apr 28, 2011, at 2:09 PM, Tim Beaufoy wrote:
>>
>>  Is anyone developing mobile sites yet for their schools?
>>
>>  --
>>
>> Tim Beaufoy
>> Web Developer/Designer
>> School of Public Health
>> University of Minnesota
>> 612-625-3218
>>
>> Room A-302 Mayo MMC 197
>> 420 Delaware Street SE
>> Minneapolis, MN 55455
>>
>> www.sph.umn.edu
>>
>>
>>
>> --
>>
>> Tim Beaufoy
>> Web Developer/Designer
>> School of Public Health
>> University of Minnesota
>> 612-625-3218
>>
>> Room A-302 Mayo MMC 197
>> 420 Delaware Street SE
>> Minneapolis, MN 55455
>>
>> www.sph.umn.edu
>>
>
>
>
> --
> Tony Thomas
> Web Developer
> University of Minnesota
> Student Unions & Activities
> 300 Washington Ave SE, Ste 500
> Minneapolis MN 55455
>
> Direct: 612-626-9820
> Fax:     612-624-7256
> sua.umn.edu <http://www.sua.umn.edu>
>
>
>
> --
>
> Tim Beaufoy
> Web Developer/Designer
> School of Public Health
> University of Minnesota
> 612-625-3218
>
> Room A-302 Mayo MMC 197
> 420 Delaware Street SE
> Minneapolis, MN 55455
>
> www.sph.umn.edu
>



-- 
.. .. .. .. .. .. .. .. .. .. .. .. .. .... .. .. .. .. ..

Theresa Tichich
Web and Multimedia Services Manager
College of Design
University of Minnesota
32 McNeal Hall
St. Paul, MN 55108
612-626-5968
[log in to unmask]


ATOM RSS1 RSS2