Go to
Result:
This page is not mobile-friendly!

The score equals 100 minus the sum of the costs of failures (see the help page). The score of this page is negative, hence the "not mobile-friendly" message! Here is the repartition of costs per failure severity:

Severity Number Total cost
critical 1 41pt
severe 5 50pt
medium 4 21pt
low 5 14pt
Page Size:
438.8KB
document: 44.6KB - stylesheets: 846 - images: 393.4KB
Size Type URI
104KB image http://farm3.static.flickr.com/2614/4116796755_c04a463444.jpg
88.9KB image http://farm3.static.flickr.com/2613/4117566054_84dded5fb6.jpg
69.1KB image http://lh4.ggpht.com/_zHAl9N67yUw/SwGa80DLqPI/AAAAAAAAA[...]_thumb.png?imgmax=800
57.4KB image http://lh3.ggpht.com/_zHAl9N67yUw/SvmUfnqzaqI/AAAAAAAAA[...]5B2%5D.jpg?imgmax=800
44.6KB document Resource under test
25.4KB image http://www.nebraskalibraries.org/ITART/uploaded_images/[...]HTML-small-786104.jpg
16.3KB image http://lh5.ggpht.com/_zHAl9N67yUw/SwVbIDa_pOI/AAAAAAAAA[...]thumb3.png?imgmax=800
14KB image http://lh4.ggpht.com/_zHAl9N67yUw/SwVBigj8m8I/AAAAAAAAA[...]5B5%5D.png?imgmax=800
6.7KB image http://lh3.ggpht.com/_zHAl9N67yUw/SwGa8e2UcyI/AAAAAAAAA[...]5B7%5D.jpg?imgmax=800
4.7KB image http://i34.tinypic.com/34q7c0o.jpg
3.5KB image http://img145.imageshack.us/img145/3215/techbluer1c1dm7.jpg
1.5KB image http://img214.imageshack.us/img214/9254/techbluer3c1hs0.jpg
1.4KB image http://buttons.blogger.com/bloggerbutton1.gif
845 stylesheet http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css
164 image http://www.blogger.com:80/img/icon18_email.gif
162 image http://www.blogger.com:80/img/icon18_edit_allbkg.gif
140 image http://www.blogger.com/img/icon_delete13.gif
1 stylesheet http://www.blogger.com/dyn-css/authorization.css?target[...]e59-aafa-cc5bd9c03536
Network:
18 requests
document: 1 - stylesheets: 2 - images: 15
Type URI
document Resource under test
image http://buttons.blogger.com/bloggerbutton1.gif
image http://farm3.static.flickr.com/2613/4117566054_84dded5fb6.jpg
image http://farm3.static.flickr.com/2614/4116796755_c04a463444.jpg
image http://i34.tinypic.com/34q7c0o.jpg
image http://img145.imageshack.us/img145/3215/techbluer1c1dm7.jpg
image http://img214.imageshack.us/img214/9254/techbluer3c1hs0.jpg
image http://lh3.ggpht.com/_zHAl9N67yUw/SvmUfnqzaqI/AAAAAAAAA[...]5B2%5D.jpg?imgmax=800
image http://lh3.ggpht.com/_zHAl9N67yUw/SwGa8e2UcyI/AAAAAAAAA[...]5B7%5D.jpg?imgmax=800
image http://lh4.ggpht.com/_zHAl9N67yUw/SwGa80DLqPI/AAAAAAAAA[...]_thumb.png?imgmax=800
image http://lh4.ggpht.com/_zHAl9N67yUw/SwVBigj8m8I/AAAAAAAAA[...]5B5%5D.png?imgmax=800
image http://lh5.ggpht.com/_zHAl9N67yUw/SwVbIDa_pOI/AAAAAAAAA[...]thumb3.png?imgmax=800
image http://www.blogger.com/img/icon_delete13.gif
image http://www.blogger.com:80/img/icon18_edit_allbkg.gif
image http://www.blogger.com:80/img/icon18_email.gif
image http://www.nebraskalibraries.org/ITART/uploaded_images/[...]HTML-small-786104.jpg
stylesheet http://www.blogger.com/dyn-css/authorization.css?target[...]e59-aafa-cc5bd9c03536
stylesheet http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css

Check out W3C's training courses for mobile!

Help on the checker is available.

Where to start...

1 critical error(s) detected!
These errors typically prevent the rendering of at least part of the page on mobile devices. Critical errors should be addressed first. Here is the list:

Follow the links above for a detailed description of each message and suggestions to fix the underlying problem.

Detailed report

  1. Markup

    The quality of the markup sent to mobile browsers will impact the reliability and smoothness of the rendering of the page. Markup validity is the first step to delivering content that can be parsed and rendered reliably by browsers. The recommended markup format for mobile content is XHTML Basic 1.1. But beyond validity, various tags and attributes have a specific impact in the mobile world. For instance, CSS style sheets should be used to control the layout of the page instead of presentational tags (e.g. center, big, or font) and images sizes should be defined in the markup to avoid reflows.

    • Error [low] The document does not validate against XHTML Basic 1.1 or MP 1.2.
      The document uses elements or structures that are not allowed in the XHTML Basic 1.1 specification, and thus are likely to be problematic for mobile browsers.
      Check the page with the W3C Markup Validator
      Triggered 2 times by http://www.nebraskalibraries.org/ITART/:
      Line 9, Column 54 — The content of element type "meta" must match "EMPTY". Children of type "comment" are not allowed.
      Line 10, Column 251 — The entity name must immediately follow the '&' in the entity reference.
      Related best practice:
      [VALID_MARKUP] Create documents that validate to published formal grammars.
    • Error [low] Either the height or width attribute is missing
      When the width and height attributes are not specified on an image, browsers need to reflow the page when the image has finished loading, which may disrupt the user experience.
      Add width and height attributes matching the actual dimensions of the image.
      Triggered 2 times by the resource under test:
      … <img alt="" border="0" src="http://www.nebraskalibraries.org/ITART/uploaded_images/Beautiful-HTML-small-786104.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 320px;"/>
      … <img alt="BLOGGER" border="0" name="blogger" src="http://buttons.blogger.com/bloggerbutton1.gif"/>
      Related best practice:
      [IMAGES_SPECIFY_SIZE] Specify the size of images in markup, if they have an intrinsic size.
    • Error [low] The alt attribute is missing
      On top of the Web Content Accessibility Guidelines reasons to recommend the definition of the alt attribute on images, there are a number of reasons why images may not be displayed on mobile devices: the image is too big, the intermittent connection prevented the browser from downloading the image, the user deactivated the rendering of images to save time (and possibly money), ... In such cases, the alternative text will be displayed to help the user understand the missing image(s).
      Define an alt attribute to all the images of the page. Note that if the images are simply decorative, an empty alt attribute is appropriate.
      Triggered 3 times by the resource under test:
      … <img height="170" src="http://img145.imageshack.us/img145/3215/techbluer1c1dm7.jpg" width="70"/>
      … <img height="170" src="http://i34.tinypic.com/34q7c0o.jpg" width="145"/>
      … <img height="50" src="http://img214.imageshack.us/img214/9254/techbluer3c1hs0.jpg" width="376"/>
      Related best practice:
      [NON-TEXT_ALTERNATIVES] Provide a text equivalent for every non-text element.
    • Warning The document uses a non-XML doctype (-//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd)
      The document uses a doctype that is not recognized as an XHTML doctype. Mobile browsers can optimize the parsing and rendering of pages with an XHTML doctype.
      Switch to XHTML if you are using a non-XML version of HTML; or pick a well-known XHTML doctype otherwise.
      Triggered by the resource under test.
      Related best practice:
      [CONTENT_FORMAT_SUPPORT] Send content in a format that is known to be supported by the device.
    • Warning The documents uses one of b, big, i, small, sub, sup or tt elements
      Presentation effects should be defined separately from the content, in a CSS style sheet that can be re-used and cached across pages.
      Use CSS style sheets to control the layout of the page.
      Triggered 3 times by the resource under test:
      … <b>meme</b>
      … <b>Internet meme</b>
      … <small>© 2008 ITART - Information Technology and Access Round Table :: <a href="http://www.blogspottemplate.com">Blogspot Template</a> by <a href="http://www.isnaini.com">Isnaini Dot Com</a></small>
      Related best practice:
      [STYLE_SHEETS_USE] Use style sheets to control layout and presentation, unless the device is known not to support them.
    • Warning The style attribute is used
      The style attribute is deprecated in XHTML Basic 1.1. As a generic rule, content and layout should be separated, and styles defined in an appropriate embedded or external CSS style sheet. This also favors re-use and caching of the different styles.
      Triggered 36 times by the resource under test. 10 first occurrences:
      … <div style="clear:both;"/>
      … <img align="right" alt="header" border="0" height="57" src="http://lh5.ggpht.com/_zHAl9N67yUw/SwVbIDa_pOI/AAAAAAAAA14/ld4T69FkCZA/header_thumb3.png?imgmax=800" style="border-right-width: 0px; margin: 0px 0px 0px 10px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="header" width="340"/>
      … <img alt="Sky Drive Explorer 1" height="375" src="http://farm3.static.flickr.com/2613/4117566054_84dded5fb6.jpg" style="display: block; float: none; margin-left: auto; margin-right: auto" width="500"/>
      … <img alt="Sky Drive Explorer 2" height="375" src="http://farm3.static.flickr.com/2614/4116796755_c04a463444.jpg" style="display: block; float: none; margin-left: auto; margin-right: auto" width="500"/>
      … <div style="clear:both; padding-bottom:0.25em"/>
      … <a href="http://www.blogger.com/post-edit.g?blogID=8810494694087966365&postID=2729164784897015188" style="border:none;" title="Edit Post"><!-- ...skipped by mobileOK checker... ---></a>
      … <div style="clear:both;"/>
      … <img align="right" alt="FileDownload" border="0" height="50" src="http://lh4.ggpht.com/_zHAl9N67yUw/SwVBigj8m8I/AAAAAAAAA1w/TksQdcd1egs/FileDownload%5B5%5D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; margin: 0px 0px 0px 10px; display: inline; border-top: 0px; border-right: 0px" title="FileDownload" width="125"/>
      … <div style="clear:both; padding-bottom:0.25em"/>
      … <a href="http://www.blogger.com/post-edit.g?blogID=8810494694087966365&postID=624514242674458751" style="border:none;" title="Edit Post"><!-- ...skipped by mobileOK checker... ---></a>
      Related best practice:
      [STYLE_SHEETS_USE] Use style sheets to control layout and presentation, unless the device is known not to support them.
  2. Structure of the page

    Markup validity does not ensure that tags are used appropriately. For instance, given the lack of support for nested tables in mobile browsers and the small screen sizes, using tables for layout will not work on mobile devices. The same goes with the use of applets, frames, pop-ups, and so on. The size of the page is also a very important aspect to keep in mind when designing mobile-friendly pages.

    1. Layout

      Checks that tables are not used for layout and that graphics are not used for spacing.

      • Error [severe] Table contains less than two tr elements
        A table with only one row is either the sign that the table is used:
        • to represent a list of items horizontally
        • to control the relative position of various sections of the page
        Both uses imply a layout based on tables. While most mobile devices support basic tables, they are rendered quite differently by different mobile browsers, and cannot be reliably used for layout. The table element should only be used - with care - to represent tabular data.
        Use CSS techniques to control the layout of the page. For instance, if you were trying to render a list of items horizontally, consider:
        • <ul> <li>Item 1</li> <li>Item 2</li> </ul> in the markup of the page
        • ul li { display: inline; } in the CSS style sheet to force the items of the list to be rendered on the same line
        Triggered 4 times by the resource under test:
        … <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td height="30">  </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="noprint" width="70"><img height="170" src="http://img145.imageshack.us/img145/3215/techbluer1c1dm7.jpg" width="70"/></td><td align="center" background="http://img135.imageshack.us/img135/6245/techbluer1c2yh5.jpg" valign="top" width="515"><h1><a href="http://www.nebraskalibraries.org/ITART/">ITART - Information Technology and Access Round Table</a></h1> <h2/></td><td class="noprint" width="145"><img height="170" src="http://i34.tinypic.com/34q7c0o.jpg" width="145"/></td><td background="http://img134.imageshack.us/img134/5853/techbluer1c5fh3.jpg" class="noprint"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td width="376"><img height="50" src="http://img214.imageshack.us/img214/9254/techbluer3c1hs0.jpg" width="376"/></td><td background="http://img149.imageshack.us/img149/4538/techbluer3c3gt9.jpg"><small>© 2008 ITART - Information Technology and Access Round Table :: <a href="http://www.blogspottemplate.com">Blogspot Template</a> by <a href="http://www.isnaini.com">Isnaini Dot Com</a></small></td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td width="376"><img height="50" src="http://img214.imageshack.us/img214/9254/techbluer3c1hs0.jpg" width="376"/></td><td background="http://img149.imageshack.us/img149/4538/techbluer3c3gt9.jpg"><small>© 2008 ITART - Information Technology and Access Round Table :: <a href="http://www.blogspottemplate.com">Blogspot Template</a> by <a href="http://www.isnaini.com">Isnaini Dot Com</a></small></td></tr></table>
        Related best practice:
        [TABLES_LAYOUT] Do not use tables for layout.
      • Error [severe] Table contains less than two td elements
        A table with only one column is either the sign that the table is used:
        • to represent a list of items
        • to control the relative position of various sections of the page
        Both uses imply a layout based on tables. While most mobile devices support basic tables, they are rendered quite differently by different mobile browsers, and cannot be reliably used for layout. The table element should only be used - with care - to represent tabular data.
        Use CSS techniques to control the layout of the page. See a tutorial on table-less layout.
        Triggered 63 times by the resource under test. 10 first occurrences:
        … <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td height="30">  </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="4" width="100%"><tr><td class="judul">About ITART</td></tr><tr><td class="isi" valign="top">The Information Technology and Access Round Table (ITART) of the <a href="http://www.nebraskalibraries.org/">Nebraska Library Association</a> serves to foster awareness, knowledge, and a spirit of cooperation regarding the development of, and access to, electronic resources and information technology in libraries throughout Nebraska. It aims to promote communication, and the exchange of expertise among experienced and novice users of information technology, and to provide a forum for discussion and problem-solving among all those working to integrate electronic information access into the practice of librarianship.</td></tr><tr><td class="judul">2010 Officers</td></tr><tr><td class="isi" valign="top"> <p>Chair:<br/><a href="http://www.nlc.state.ne.us/scripts/mail/mail2staff.asp?Michael%20Sauers">Michael Sauers</a></p> <p>Vice-Chair / Chair Elect:<br/><a href="mailto:karin@nirak.net">Karin Dalziel</a></p> <p>Past Chair:<br/><a href="mailto:jboyer@mail.unomaha.edu">Jan Boyer</a></p> <p>Secretary<br/><a href="mailto:">Becky Wymer</a></p> <p>Webmaster:<br/><a href="http://www.nlc.state.ne.us/scripts/mail/mail2staff.asp?Michael%20Sauers">Michael Sauers</a></p> </td></tr><tr class="noprint"><td class="judul">Links</td></tr><tr class="noprint"><td class="isi" valign="top"> <ul><li><a href="http://www.nebraskalibraries.org/ITART/">Home</a></li><li><a href="http://www.nebraskalibraries.org/ITART/labels/presentations.html">Presentations by ITART members</a></li><li><a href="http://www.nebraskalibraries.org/ITART/bylaws.html">ITART Bylaws</a></li><li><a href="http://www.nebraskalibraries.org/ITART/2009AnnualReport.html">2008-2009 Annual Report</a> </li><li><a href="http://www.nebraskalibraries.org/">Nebraska Library Association</a></li></ul> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="4" width="100%"><tr><td class="ulang" valign="top"><table border="0" cellpadding="4" cellspacing="4" width="100%"><tr><td class="judulpost"> Integrate SkyDrive into Windows </td></tr><tr><td class="tanggalpost"> Friday, November 20, 2009 </td></tr><tr><td class="isipost"><div style="clear:both;"/><p><a href="http://lh4.ggpht.com/_zHAl9N67yUw/SwVbHxxX4hI/AAAAAAAAA10/14MhORba6aA/s1600-h/header5.png"><img align="right" alt="header" border="0" height="57" src="http://lh5.ggpht.com/_zHAl9N67yUw/SwVbIDa_pOI/AAAAAAAAA14/ld4T69FkCZA/header_thumb3.png?imgmax=800" style="border-right-width: 0px; margin: 0px 0px 0px 10px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="header" width="340"/></a><a href="http://windowslive.com/online/skydrive">Windows Live SkyDrive</a> is yet another one of those online storage solutions. (And not even the only one from Microsoft.) I haven't used it as much as I might like mainly because it was yet another cloud storage system that you had to access through a Web browser. In other words, it wasn't transparent to use.</p> <p>If you download and install <a href="http://www.skydriveexplorer.com/">SkyDrive Explorer</a> your SkyDrive is now presented as just another drive on your computer, even though it's online storage. Once installed, just open "computer" and you'll see SkyDrive Explorer listed there.  </p> <p><a href="http://www.flickr.com/photos/travelinlibrarian/4117566054/" title="Sky Drive Explorer 1 by Travelin' Librarian, on Flickr"><img alt="Sky Drive Explorer 1" height="375" src="http://farm3.static.flickr.com/2613/4117566054_84dded5fb6.jpg" style="display: block; float: none; margin-left: auto; margin-right: auto" width="500"/></a></p> <p>Just open that up as you would any other drive and you'll have access to all of your SkyDrive-based files and folder. (You will be asked to log in first of course.) Additionally, if you've made a file public, you can right-click on that file and get the public URL for that file automatically copied to your clipboard for easy pasting into an e-mail or blog post.</p> <p><a href="http://www.flickr.com/photos/travelinlibrarian/4116796755/" title="Sky Drive Explorer 2 by Travelin' Librarian, on Flickr"><img alt="Sky Drive Explorer 2" height="375" src="http://farm3.static.flickr.com/2614/4116796755_c04a463444.jpg" style="display: block; float: none; margin-left: auto; margin-right: auto" width="500"/></a></p> <p/> <p>I've still got <a href="http://drop.io/">Drop.io</a>, and <a href="https://www.dropbox.com/">Dropbox</a> accounts but this one does make Live SkyDrive seem just a little bit easier to use than those others. </p> <div style="clear:both; padding-bottom:0.25em"/><p class="blogger-labels">Labels: <a href="http://www.nebraskalibraries.org/ITART/labels/cloud%20computing.html" rel="tag">cloud computing</a>, <a href="http://www.nebraskalibraries.org/ITART/labels/microsoft.html" rel="tag">microsoft</a>, <a href="http://www.nebraskalibraries.org/ITART/labels/software.html" rel="tag">software</a></p></td></tr><tr><td class="bawahpost"><em>posted by Michael @ <a href="http://www.nebraskalibraries.org/ITART/2009/11/integrate-skydrive-into-windows.html" title="permanent link">7:33 AM</a></em>   <a class="comment-link" href="http://www.nebraskalibraries.org/ITART/2009/11/integrate-skydrive-into-windows.html#comments">0 comments</a> <span class="item-action"><a href="http://www.blogger.com/email-post.g?blogID=8810494694087966365&postID=2729164784897015188" title="Email Post"><img alt="" class="icon-action" height="13" src="http://www.blogger.com:80/img/icon18_email.gif" width="18"/></a></span><span class="item-control blog-admin pid-1218949397"><a href="http://www.blogger.com/post-edit.g?blogID=8810494694087966365&postID=2729164784897015188" style="border:none;" title="Edit Post"><img alt="" class="icon-action" height="18" src="http://www.blogger.com:80/img/icon18_edit_allbkg.gif" width="18"/></a></span></td></tr><tr><td valign="top"> </td></tr></table></td></tr></table>
        … <table border="0" cellpadding="4" cellspacing="4" width="100%"><tr><td class="judulpost"> Integrate SkyDrive into Windows </td></tr><tr><td class="tanggalpost"> Friday, November 20, 2009 </td></tr><tr><td class="isipost"><div style="clear:both;"/><p><a href="http://lh4.ggpht.com/_zHAl9N67yUw/SwVbHxxX4hI/AAAAAAAAA10/14MhORba6aA/s1600-h/header5.png"><img align="right" alt="header" border="0" height="57" src="http://lh5.ggpht.com/_zHAl9N67yUw/SwVbIDa_pOI/AAAAAAAAA14/ld4T69FkCZA/header_thumb3.png?imgmax=800" style="border-right-width: 0px; margin: 0px 0px 0px 10px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="header" width="340"/></a><a href="http://windowslive.com/online/skydrive">Windows Live SkyDrive</a> is yet another one of those online storage solutions. (And not even the only one from Microsoft.) I haven't used it as much as I might like mainly because it was yet another cloud storage system that you had to access through a Web browser. In other words, it wasn't transparent to use.</p> <p>If you download and install <a href="http://www.skydriveexplorer.com/">SkyDrive Explorer</a> your SkyDrive is now presented as just another drive on your computer, even though it's online storage. Once installed, just open "computer" and you'll see SkyDrive Explorer listed there.  </p> <p><a href="http://www.flickr.com/photos/travelinlibrarian/4117566054/" title="Sky Drive Explorer 1 by Travelin' Librarian, on Flickr"><img alt="Sky Drive Explorer 1" height="375" src="http://farm3.static.flickr.com/2613/4117566054_84dded5fb6.jpg" style="display: block; float: none; margin-left: auto; margin-right: auto" width="500"/></a></p> <p>Just open that up as you would any other drive and you'll have access to all of your SkyDrive-based files and folder. (You will be asked to log in first of course.) Additionally, if you've made a file public, you can right-click on that file and get the public URL for that file automatically copied to your clipboard for easy pasting into an e-mail or blog post.</p> <p><a href="http://www.flickr.com/photos/travelinlibrarian/4116796755/" title="Sky Drive Explorer 2 by Travelin' Librarian, on Flickr"><img alt="Sky Drive Explorer 2" height="375" src="http://farm3.static.flickr.com/2614/4116796755_c04a463444.jpg" style="display: block; float: none; margin-left: auto; margin-right: auto" width="500"/></a></p> <p/> <p>I've still got <a href="http://drop.io/">Drop.io</a>, and <a href="https://www.dropbox.com/">Dropbox</a> accounts but this one does make Live SkyDrive seem just a little bit easier to use than those others. </p> <div style="clear:both; padding-bottom:0.25em"/><p class="blogger-labels">Labels: <a href="http://www.nebraskalibraries.org/ITART/labels/cloud%20computing.html" rel="tag">cloud computing</a>, <a href="http://www.nebraskalibraries.org/ITART/labels/microsoft.html" rel="tag">microsoft</a>, <a href="http://www.nebraskalibraries.org/ITART/labels/software.html" rel="tag">software</a></p></td></tr><tr><td class="bawahpost"><em>posted by Michael @ <a href="http://www.nebraskalibraries.org/ITART/2009/11/integrate-skydrive-into-windows.html" title="permanent link">7:33 AM</a></em>   <a class="comment-link" href="http://www.nebraskalibraries.org/ITART/2009/11/integrate-skydrive-into-windows.html#comments">0 comments</a> <span class="item-action"><a href="http://www.blogger.com/email-post.g?blogID=8810494694087966365&postID=2729164784897015188" title="Email Post"><img alt="" class="icon-action" height="13" src="http://www.blogger.com:80/img/icon18_email.gif" width="18"/></a></span><span class="item-control blog-admin pid-1218949397"><a href="http://www.blogger.com/post-edit.g?blogID=8810494694087966365&postID=2729164784897015188" style="border:none;" title="Edit Post"><img alt="" class="icon-action" height="18" src="http://www.blogger.com:80/img/icon18_edit_allbkg.gif" width="18"/></a></span></td></tr><tr><td valign="top"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="4" width="100%"><tr><td class="ulang" valign="top"><table border="0" cellpadding="4" cellspacing="4" width="100%"><tr><td class="judulpost"> Uplodad to flickr in the off hours </td></tr><tr><td class="tanggalpost"> Thursday, November 19, 2009 </td></tr><tr><td class="isipost"><div style="clear:both;"/><p><a href="http://schedulr.codeplex.com/"><img align="right" alt="FileDownload" border="0" height="50" src="http://lh4.ggpht.com/_zHAl9N67yUw/SwVBigj8m8I/AAAAAAAAA1w/TksQdcd1egs/FileDownload%5B5%5D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; margin: 0px 0px 0px 10px; display: inline; border-top: 0px; border-right: 0px" title="FileDownload" width="125"/></a> I've not used this yet because I totally love uploading to flickr via Windows Live Photo Gallery. However, <a href="http://schedulr.codeplex.com/">flickr schedulr</a> has one distinctly interesting feature: the ability to schedule when uploads happen. Think about it, set it up to upload your photos overnight when your shared neighborhood bandwidth is much more available.</p> <blockquote> <p>Flickr Schedulr is a Windows desktop application that automatically uploads pictures to <a href="http://www.flickr.com">Flickr</a> based on a schedule (e.g. to post a new picture every day at a certain time). It allows you to create a queue of pictures to be uploaded, along with their titles, descriptions, tags, and the photoset into which they should end up.</p> <p><strong>Features</strong></p> <ul><li>Easily maintain a queue of pictures to be uploaded to Flickr. </li><li>Edit the title, description, tags and visibility settings for each picture, and optionally the photosets and groups to which the picture must be added. </li><li>Get a visual overview of the queue through the inline picture previews. </li><li>Drag and drop pictures onto the queue from Windows Explorer. </li><li>When present in the file, automatically retrieves the title, description and tags from the picture when it is added to the queue. </li><li>Warns you if there are pictures in your queue that are larger than the maximum file size you are allowed to upload. </li><li>Can be run from the command line with the "/upload" switch to upload the next picture in the queue. </li><li>Keeps a history of all pictures that have been uploaded. </li><li>Shows you all your important account information, e.g. your remaining upload quota. </li><li>Import and export the configuration (containing queued and uploaded pictures). </li><li>All settings are automatically saved when you close the application.</li></ul></blockquote> <div style="clear:both; padding-bottom:0.25em"/><p class="blogger-labels">Labels: <a href="http://www.nebraskalibraries.org/ITART/labels/flickr.html" rel="tag">flickr</a>, <a href="http://www.nebraskalibraries.org/ITART/labels/software.html" rel="tag">software</a></p></td></tr><tr><td class="bawahpost"><em>posted by Michael @ <a href="http://www.nebraskalibraries.org/ITART/2009/11/uplodad-to-flickr-in-off-hours.html" title="permanent link">7:00 AM</a></em>   <a class="comment-link" href="http://www.nebraskalibraries.org/ITART/2009/11/uplodad-to-flickr-in-off-hours.html#comments">0 comments</a> <span class="item-action"><a href="http://www.blogger.com/email-post.g?blogID=8810494694087966365&postID=624514242674458751" title="Email Post"><img alt="" class="icon-action" height="13" src="http://www.blogger.com:80/img/icon18_email.gif" width="18"/></a></span><span class="item-control blog-admin pid-1218949397"><a href="http://www.blogger.com/post-edit.g?blogID=8810494694087966365&postID=624514242674458751" style="border:none;" title="Edit Post"><img alt="" class="icon-action" height="18" src="http://www.blogger.com:80/img/icon18_edit_allbkg.gif" width="18"/></a></span></td></tr><tr><td valign="top"> </td></tr></table></td></tr></table>
        … <table border="0" cellpadding="4" cellspacing="4" width="100%"><tr><td class="judulpost"> Uplodad to flickr in the off hours </td></tr><tr><td class="tanggalpost"> Thursday, November 19, 2009 </td></tr><tr><td class="isipost"><div style="clear:both;"/><p><a href="http://schedulr.codeplex.com/"><img align="right" alt="FileDownload" border="0" height="50" src="http://lh4.ggpht.com/_zHAl9N67yUw/SwVBigj8m8I/AAAAAAAAA1w/TksQdcd1egs/FileDownload%5B5%5D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; margin: 0px 0px 0px 10px; display: inline; border-top: 0px; border-right: 0px" title="FileDownload" width="125"/></a> I've not used this yet because I totally love uploading to flickr via Windows Live Photo Gallery. However, <a href="http://schedulr.codeplex.com/">flickr schedulr</a> has one distinctly interesting feature: the ability to schedule when uploads happen. Think about it, set it up to upload your photos overnight when your shared neighborhood bandwidth is much more available.</p> <blockquote> <p>Flickr Schedulr is a Windows desktop application that automatically uploads pictures to <a href="http://www.flickr.com">Flickr</a> based on a schedule (e.g. to post a new picture every day at a certain time). It allows you to create a queue of pictures to be uploaded, along with their titles, descriptions, tags, and the photoset into which they should end up.</p> <p><strong>Features</strong></p> <ul><li>Easily maintain a queue of pictures to be uploaded to Flickr. </li><li>Edit the title, description, tags and visibility settings for each picture, and optionally the photosets and groups to which the picture must be added. </li><li>Get a visual overview of the queue through the inline picture previews. </li><li>Drag and drop pictures onto the queue from Windows Explorer. </li><li>When present in the file, automatically retrieves the title, description and tags from the picture when it is added to the queue. </li><li>Warns you if there are pictures in your queue that are larger than the maximum file size you are allowed to upload. </li><li>Can be run from the command line with the "/upload" switch to upload the next picture in the queue. </li><li>Keeps a history of all pictures that have been uploaded. </li><li>Shows you all your important account information, e.g. your remaining upload quota. </li><li>Import and export the configuration (containing queued and uploaded pictures). </li><li>All settings are automatically saved when you close the application.</li></ul></blockquote> <div style="clear:both; padding-bottom:0.25em"/><p class="blogger-labels">Labels: <a href="http://www.nebraskalibraries.org/ITART/labels/flickr.html" rel="tag">flickr</a>, <a href="http://www.nebraskalibraries.org/ITART/labels/software.html" rel="tag">software</a></p></td></tr><tr><td class="bawahpost"><em>posted by Michael @ <a href="http://www.nebraskalibraries.org/ITART/2009/11/uplodad-to-flickr-in-off-hours.html" title="permanent link">7:00 AM</a></em>   <a class="comment-link" href="http://www.nebraskalibraries.org/ITART/2009/11/uplodad-to-flickr-in-off-hours.html#comments">0 comments</a> <span class="item-action"><a href="http://www.blogger.com/email-post.g?blogID=8810494694087966365&postID=624514242674458751" title="Email Post"><img alt="" class="icon-action" height="13" src="http://www.blogger.com:80/img/icon18_email.gif" width="18"/></a></span><span class="item-control blog-admin pid-1218949397"><a href="http://www.blogger.com/post-edit.g?blogID=8810494694087966365&postID=624514242674458751" style="border:none;" title="Edit Post"><img alt="" class="icon-action" height="18" src="http://www.blogger.com:80/img/icon18_edit_allbkg.gif" width="18"/></a></span></td></tr><tr><td valign="top"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="4" width="100%"><tr><td class="ulang" valign="top"><table border="0" cellpadding="4" cellspacing="4" width="100%"><tr><td class="judulpost"> Know Your Meme </td></tr><tr><td class="tanggalpost"> Wednesday, November 18, 2009 </td></tr><tr><td class="isipost"><div style="clear:both;"/><p>A <b>meme</b> (pronounced /'mi?m/, rhyming with "cream") is a postulated unit of cultural ideas, symbols or practices, which can be transmitted from one mind to another through speech, gestures, rituals or other imitable phenomena. (<a href="http://en.wikipedia.org/wiki/Meme">Wikipedia</a>)</p> <p>The term <b>Internet meme</b> is a phrase used to describe a catchphrase or concept that spreads quickly from person to person via the Internet, much like an esoteric inside joke. The term is a reference to the concept of memes, although this concept refers to a much broader category of cultural information. (<a href="http://en.wikipedia.org/wiki/Internet_meme">Wikipedia</a>)</p> <p>Do you know the stories behind such Internet memes as The Star Wars Kid, Three Wolf Moon, and David After the Dentist? If not, do you feel out of the loop? Want to get back in the know? Check out the <a href="http://www.youtube.com/show?p=kYuT4_BrQHU&s=2009">Know Your Meme</a> series of videos on YouTube. (Surprisingly to me it's been running for three years and I've just heard of it.) </p> <p>Here's the most recent episode for your sampling pleasure:</p> <div style="text-align: center"><object height="340" width="560"><param name="movie" value="http://www.youtube.com/v/fYzv-AVi78E&hl=en_US&fs=1&"/><param name="allowFullScreen" value="true"/><param name="allowscriptaccess" value="always"/><embed allowfullscreen="true" allowscriptaccess="always" height="340" src="http://www.youtube.com/v/fYzv-AVi78E&hl=en_US&fs=1&" type="application/x-shockwave-flash" width="560"/></object></div> <div style="clear:both; padding-bottom:0.25em"/><p class="blogger-labels">Labels: <a href="http://www.nebraskalibraries.org/ITART/labels/meme.html" rel="tag">meme</a>, <a href="http://www.nebraskalibraries.org/ITART/labels/video.html" rel="tag">video</a></p></td></tr><tr><td class="bawahpost"><em>posted by Michael @ <a href="http://www.nebraskalibraries.org/ITART/2009/11/know-your-meme.html" title="permanent link">7:50 AM</a></em>   <a class="comment-link" href="http://www.nebraskalibraries.org/ITART/2009/11/know-your-meme.html#comments">0 comments</a> <span class="item-action"><a href="http://www.blogger.com/email-post.g?blogID=8810494694087966365&postID=2047889177324869352" title="Email Post"><img alt="" class="icon-action" height="13" src="http://www.blogger.com:80/img/icon18_email.gif" width="18"/></a></span><span class="item-control blog-admin pid-1218949397"><a href="http://www.blogger.com/post-edit.g?blogID=8810494694087966365&postID=2047889177324869352" style="border:none;" title="Edit Post"><img alt="" class="icon-action" height="18" src="http://www.blogger.com:80/img/icon18_edit_allbkg.gif" width="18"/></a></span></td></tr><tr><td valign="top"> </td></tr></table></td></tr></table>
        … <table border="0" cellpadding="4" cellspacing="4" width="100%"><tr><td class="judulpost"> Know Your Meme </td></tr><tr><td class="tanggalpost"> Wednesday, November 18, 2009 </td></tr><tr><td class="isipost"><div style="clear:both;"/><p>A <b>meme</b> (pronounced /'mi?m/, rhyming with "cream") is a postulated unit of cultural ideas, symbols or practices, which can be transmitted from one mind to another through speech, gestures, rituals or other imitable phenomena. (<a href="http://en.wikipedia.org/wiki/Meme">Wikipedia</a>)</p> <p>The term <b>Internet meme</b> is a phrase used to describe a catchphrase or concept that spreads quickly from person to person via the Internet, much like an esoteric inside joke. The term is a reference to the concept of memes, although this concept refers to a much broader category of cultural information. (<a href="http://en.wikipedia.org/wiki/Internet_meme">Wikipedia</a>)</p> <p>Do you know the stories behind such Internet memes as The Star Wars Kid, Three Wolf Moon, and David After the Dentist? If not, do you feel out of the loop? Want to get back in the know? Check out the <a href="http://www.youtube.com/show?p=kYuT4_BrQHU&s=2009">Know Your Meme</a> series of videos on YouTube. (Surprisingly to me it's been running for three years and I've just heard of it.) </p> <p>Here's the most recent episode for your sampling pleasure:</p> <div style="text-align: center"><object height="340" width="560"><param name="movie" value="http://www.youtube.com/v/fYzv-AVi78E&hl=en_US&fs=1&"/><param name="allowFullScreen" value="true"/><param name="allowscriptaccess" value="always"/><embed allowfullscreen="true" allowscriptaccess="always" height="340" src="http://www.youtube.com/v/fYzv-AVi78E&hl=en_US&fs=1&" type="application/x-shockwave-flash" width="560"/></object></div> <div style="clear:both; padding-bottom:0.25em"/><p class="blogger-labels">Labels: <a href="http://www.nebraskalibraries.org/ITART/labels/meme.html" rel="tag">meme</a>, <a href="http://www.nebraskalibraries.org/ITART/labels/video.html" rel="tag">video</a></p></td></tr><tr><td class="bawahpost"><em>posted by Michael @ <a href="http://www.nebraskalibraries.org/ITART/2009/11/know-your-meme.html" title="permanent link">7:50 AM</a></em>   <a class="comment-link" href="http://www.nebraskalibraries.org/ITART/2009/11/know-your-meme.html#comments">0 comments</a> <span class="item-action"><a href="http://www.blogger.com/email-post.g?blogID=8810494694087966365&postID=2047889177324869352" title="Email Post"><img alt="" class="icon-action" height="13" src="http://www.blogger.com:80/img/icon18_email.gif" width="18"/></a></span><span class="item-control blog-admin pid-1218949397"><a href="http://www.blogger.com/post-edit.g?blogID=8810494694087966365&postID=2047889177324869352" style="border:none;" title="Edit Post"><img alt="" class="icon-action" height="18" src="http://www.blogger.com:80/img/icon18_edit_allbkg.gif" width="18"/></a></span></td></tr><tr><td valign="top"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="4" width="100%"><tr><td class="ulang" valign="top"><table border="0" cellpadding="4" cellspacing="4" width="100%"><tr><td class="judulpost"> Edit Google Docs in Office </td></tr><tr><td class="tanggalpost"> Monday, November 16, 2009 </td></tr><tr><td class="isipost"><div style="clear:both;"/><p><a href="http://lh5.ggpht.com/_zHAl9N67yUw/SwGa8EYDJSI/AAAAAAAAA0w/NOEMohx84VQ/s1600-h/logo%5B8%5D.jpg"><img align="right" alt="logo" border="0" height="73" src="http://lh3.ggpht.com/_zHAl9N67yUw/SwGa8e2UcyI/AAAAAAAAA00/zLU6iEwfRt8/logo_thumb%5B7%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; margin: 0px 0px 0px 10px; display: inline; border-top: 0px; border-right: 0px" title="logo" width="244"/></a> Officially, <a href="http://docs.google.com/">Google Docs</a> files are compatible with Microsoft Word. Yeah, there are some limitations but if you want online access to a document or want to collaborate on a document with others, Google Docs is a great tool.</p> <p>Because of this compatibility you've always been able to edit a Google Doc in Office. The problem was, you had to log in to Google Docs, download the file, open it in Word (or Excel), edit it, save it, and upload it back to Google Docs. That's hardly an efficient use of your time.</p> <p>But what if you could access your Google Docs transparently via Office? Now you can when you download and install <a href="http://www.offisync.com/">OffiSync</a>! Once installed in either Office 2007 or 2010 (I've not tested it in Office 2003 yet) you'll get an additional ribbon which allows you to directly access your Google Docs files.</p> <p><a href="http://lh6.ggpht.com/_zHAl9N67yUw/SwGa8ojaP8I/AAAAAAAAA04/FJ5W5QjM4iE/s1600-h/OffiSync%5B1%5D.png"><img alt="OffiSync " border="0" height="313" src="http://lh4.ggpht.com/_zHAl9N67yUw/SwGa80DLqPI/AAAAAAAAA08/tYc-XEN_GvI/OffiSync_thumb.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="OffiSync " width="498"/></a> </p> <p>Ok, technically it does the downloading and uploading for you, so you're technically not live editing as you can with others when logged into Google Docs directly, but if you just need to edit a doc, and you're more comfortable in Office, this is the tool for you.</p> <div style="clear:both; padding-bottom:0.25em"/><p class="blogger-labels">Labels: <a href="http://www.nebraskalibraries.org/ITART/labels/google.html" rel="tag">google</a>, <a href="http://www.nebraskalibraries.org/ITART/labels/office.html" rel="tag">office</a></p></td></tr><tr><td class="bawahpost"><em>posted by Michael @ <a href="http://www.nebraskalibraries.org/ITART/2009/11/edit-google-docs-in-office.html" title="permanent link">7:33 AM</a></em>   <a class="comment-link" href="http://www.nebraskalibraries.org/ITART/2009/11/edit-google-docs-in-office.html#comments">0 comments</a> <span class="item-action"><a href="http://www.blogger.com/email-post.g?blogID=8810494694087966365&postID=8013043014406404019" title="Email Post"><img alt="" class="icon-action" height="13" src="http://www.blogger.com:80/img/icon18_email.gif" width="18"/></a></span><span class="item-control blog-admin pid-1218949397"><a href="http://www.blogger.com/post-edit.g?blogID=8810494694087966365&postID=8013043014406404019" style="border:none;" title="Edit Post"><img alt="" class="icon-action" height="18" src="http://www.blogger.com:80/img/icon18_edit_allbkg.gif" width="18"/></a></span></td></tr><tr><td valign="top"> </td></tr></table></td></tr></table>
        … <table border="0" cellpadding="4" cellspacing="4" width="100%"><tr><td class="judulpost"> Edit Google Docs in Office </td></tr><tr><td class="tanggalpost"> Monday, November 16, 2009 </td></tr><tr><td class="isipost"><div style="clear:both;"/><p><a href="http://lh5.ggpht.com/_zHAl9N67yUw/SwGa8EYDJSI/AAAAAAAAA0w/NOEMohx84VQ/s1600-h/logo%5B8%5D.jpg"><img align="right" alt="logo" border="0" height="73" src="http://lh3.ggpht.com/_zHAl9N67yUw/SwGa8e2UcyI/AAAAAAAAA00/zLU6iEwfRt8/logo_thumb%5B7%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; margin: 0px 0px 0px 10px; display: inline; border-top: 0px; border-right: 0px" title="logo" width="244"/></a> Officially, <a href="http://docs.google.com/">Google Docs</a> files are compatible with Microsoft Word. Yeah, there are some limitations but if you want online access to a document or want to collaborate on a document with others, Google Docs is a great tool.</p> <p>Because of this compatibility you've always been able to edit a Google Doc in Office. The problem was, you had to log in to Google Docs, download the file, open it in Word (or Excel), edit it, save it, and upload it back to Google Docs. That's hardly an efficient use of your time.</p> <p>But what if you could access your Google Docs transparently via Office? Now you can when you download and install <a href="http://www.offisync.com/">OffiSync</a>! Once installed in either Office 2007 or 2010 (I've not tested it in Office 2003 yet) you'll get an additional ribbon which allows you to directly access your Google Docs files.</p> <p><a href="http://lh6.ggpht.com/_zHAl9N67yUw/SwGa8ojaP8I/AAAAAAAAA04/FJ5W5QjM4iE/s1600-h/OffiSync%5B1%5D.png"><img alt="OffiSync " border="0" height="313" src="http://lh4.ggpht.com/_zHAl9N67yUw/SwGa80DLqPI/AAAAAAAAA08/tYc-XEN_GvI/OffiSync_thumb.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="OffiSync " width="498"/></a> </p> <p>Ok, technically it does the downloading and uploading for you, so you're technically not live editing as you can with others when logged into Google Docs directly, but if you just need to edit a doc, and you're more comfortable in Office, this is the tool for you.</p> <div style="clear:both; padding-bottom:0.25em"/><p class="blogger-labels">Labels: <a href="http://www.nebraskalibraries.org/ITART/labels/google.html" rel="tag">google</a>, <a href="http://www.nebraskalibraries.org/ITART/labels/office.html" rel="tag">office</a></p></td></tr><tr><td class="bawahpost"><em>posted by Michael @ <a href="http://www.nebraskalibraries.org/ITART/2009/11/edit-google-docs-in-office.html" title="permanent link">7:33 AM</a></em>   <a class="comment-link" href="http://www.nebraskalibraries.org/ITART/2009/11/edit-google-docs-in-office.html#comments">0 comments</a> <span class="item-action"><a href="http://www.blogger.com/email-post.g?blogID=8810494694087966365&postID=8013043014406404019" title="Email Post"><img alt="" class="icon-action" height="13" src="http://www.blogger.com:80/img/icon18_email.gif" width="18"/></a></span><span class="item-control blog-admin pid-1218949397"><a href="http://www.blogger.com/post-edit.g?blogID=8810494694087966365&postID=8013043014406404019" style="border:none;" title="Edit Post"><img alt="" class="icon-action" height="18" src="http://www.blogger.com:80/img/icon18_edit_allbkg.gif" width="18"/></a></span></td></tr><tr><td valign="top"> </td></tr></table>
        Related best practice:
        [TABLES_LAYOUT] Do not use tables for layout.
      • Error [severe] There are nested tables
        While most mobile devices support basic tables, nested tables are hardly supported. The layout of a page that contains nested tables is unpredictable on mobile devices and at best unlikely to be the desired layout. The table element should only be used - with care - to represent tabular data.
        Use CSS techniques to control the layout of the page. See a tutorial on table-less layout.
        Triggered 20 times by the resource under test. 10 first occurrences:
        … <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="200"><table border="0" cellpadding="0" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table></td><td> <table border="0" cellpadding="0" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table> <table border="0" cellpadding="0" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table> <table border="0" cellpadding="0" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table> <table border="0" cellpadding="0" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table> <table border="0" cellpadding="0" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table> <table border="0" cellpadding="0" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table> <table border="0" cellpadding="0" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table> <table border="0" cellpadding="0" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table> <script src="http://www.blogger.com/static/v1/common/js/82548021-csitaillib.js" type="text/javascript"/> <script><!-- ...skipped by mobileOK checker... ---></script> </td><td class="noprint" width="200"><table border="0" cellpadding="0" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table></td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="4" width="100%"><tr><td class="judul">About ITART</td></tr><tr><td class="isi" valign="top">The Information Technology and Access Round Table (ITART) of the <a href="http://www.nebraskalibraries.org/"><!-- ...skipped by mobileOK checker... ---></a> serves to foster awareness, knowledge, and a spirit of cooperation regarding the development of, and access to, electronic resources and information technology in libraries throughout Nebraska. It aims to promote communication, and the exchange of expertise among experienced and novice users of information technology, and to provide a forum for discussion and problem-solving among all those working to integrate electronic information access into the practice of librarianship.</td></tr><tr><td class="judul">2010 Officers</td></tr><tr><td class="isi" valign="top"> <p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> </td></tr><tr class="noprint"><td class="judul">Links</td></tr><tr class="noprint"><td class="isi" valign="top"> <ul><!-- ...skipped by mobileOK checker... ---></ul> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="4" width="100%"><tr><td class="ulang" valign="top"><table border="0" cellpadding="4" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table></td></tr></table>
        … <table border="0" cellpadding="4" cellspacing="4" width="100%"><tr><td class="judulpost"> Integrate SkyDrive into Windows </td></tr><tr><td class="tanggalpost"> Friday, November 20, 2009 </td></tr><tr><td class="isipost"><div style="clear:both;"/><p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <p/> <p><!-- ...skipped by mobileOK checker... ---></p> <div style="clear:both; padding-bottom:0.25em"/><p class="blogger-labels"><!-- ...skipped by mobileOK checker... ---></p></td></tr><tr><td class="bawahpost"><em><!-- ...skipped by mobileOK checker... ---></em>   <a class="comment-link" href="http://www.nebraskalibraries.org/ITART/2009/11/integrate-skydrive-into-windows.html#comments"><!-- ...skipped by mobileOK checker... ---></a> <span class="item-action"><!-- ...skipped by mobileOK checker... ---></span><span class="item-control blog-admin pid-1218949397"><!-- ...skipped by mobileOK checker... ---></span></td></tr><tr><td valign="top"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="4" width="100%"><tr><td class="ulang" valign="top"><table border="0" cellpadding="4" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table></td></tr></table>
        … <table border="0" cellpadding="4" cellspacing="4" width="100%"><tr><td class="judulpost"> Uplodad to flickr in the off hours </td></tr><tr><td class="tanggalpost"> Thursday, November 19, 2009 </td></tr><tr><td class="isipost"><div style="clear:both;"/><p><!-- ...skipped by mobileOK checker... ---></p> <blockquote><!-- ...skipped by mobileOK checker... ---></blockquote> <div style="clear:both; padding-bottom:0.25em"/><p class="blogger-labels"><!-- ...skipped by mobileOK checker... ---></p></td></tr><tr><td class="bawahpost"><em><!-- ...skipped by mobileOK checker... ---></em>   <a class="comment-link" href="http://www.nebraskalibraries.org/ITART/2009/11/uplodad-to-flickr-in-off-hours.html#comments"><!-- ...skipped by mobileOK checker... ---></a> <span class="item-action"><!-- ...skipped by mobileOK checker... ---></span><span class="item-control blog-admin pid-1218949397"><!-- ...skipped by mobileOK checker... ---></span></td></tr><tr><td valign="top"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="4" width="100%"><tr><td class="ulang" valign="top"><table border="0" cellpadding="4" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table></td></tr></table>
        … <table border="0" cellpadding="4" cellspacing="4" width="100%"><tr><td class="judulpost"> Know Your Meme </td></tr><tr><td class="tanggalpost"> Wednesday, November 18, 2009 </td></tr><tr><td class="isipost"><div style="clear:both;"/><p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <div style="text-align: center"><!-- ...skipped by mobileOK checker... ---></div> <div style="clear:both; padding-bottom:0.25em"/><p class="blogger-labels"><!-- ...skipped by mobileOK checker... ---></p></td></tr><tr><td class="bawahpost"><em><!-- ...skipped by mobileOK checker... ---></em>   <a class="comment-link" href="http://www.nebraskalibraries.org/ITART/2009/11/know-your-meme.html#comments"><!-- ...skipped by mobileOK checker... ---></a> <span class="item-action"><!-- ...skipped by mobileOK checker... ---></span><span class="item-control blog-admin pid-1218949397"><!-- ...skipped by mobileOK checker... ---></span></td></tr><tr><td valign="top"> </td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="4" width="100%"><tr><td class="ulang" valign="top"><table border="0" cellpadding="4" cellspacing="4" width="100%"><!-- ...skipped by mobileOK checker... ---></table></td></tr></table>
        … <table border="0" cellpadding="4" cellspacing="4" width="100%"><tr><td class="judulpost"> Edit Google Docs in Office </td></tr><tr><td class="tanggalpost"> Monday, November 16, 2009 </td></tr><tr><td class="isipost"><div style="clear:both;"/><p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <p><!-- ...skipped by mobileOK checker... ---></p> <div style="clear:both; padding-bottom:0.25em"/><p class="blogger-labels"><!-- ...skipped by mobileOK checker... ---></p></td></tr><tr><td class="bawahpost"><em><!-- ...skipped by mobileOK checker... ---></em>   <a class="comment-link" href="http://www.nebraskalibraries.org/ITART/2009/11/edit-google-docs-in-office.html#comments"><!-- ...skipped by mobileOK checker... ---></a> <span class="item-action"><!-- ...skipped by mobileOK checker... ---></span><span class="item-control blog-admin pid-1218949397"><!-- ...skipped by mobileOK checker... ---></span></td></tr><tr><td valign="top"> </td></tr></table>
        Related best practice:
        [TABLES_NESTED] Do not use nested tables.
      • Warning A Table element exists
        Most mobile devices support basic tables. Use tables with care. In particular, if the width of the table is likely to be larger than the width of the mobile device's screen, the result may not be usable for users: rows may be wrapped on multiple lines with no clear way to distinguish between rows and continuation of rows, or the browser may zoom out so that users see the whole table, resulting in words written in too tiny characters to be read.
        Using tables to control the layout of the page rather than to display tabular data is a bad practice in all cases (mobile or not). Mobile browsers in particular are unlikely to render them as they would be on a big screen.
        Consider converting tables to a linear layout, e.g. using definition lists (dl, dt and dd elements). Instead of a table-based layout, use CSS techniques instead. See a tutorial on table-less layout.
        Triggered 3 times by the resource under test:
        … <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td height="30"><!-- ...skipped by mobileOK checker... ---></td></tr></table>
        … <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="noprint" width="70"><!-- ...skipped by mobileOK checker... ---></td><td align="center" background="http://img135.imageshack.us/img135/6245/techbluer1c2yh5.jpg" valign="top" width="515"><!-- ...skipped by mobileOK checker... ---></td><td class="noprint" width="145"><!-- ...skipped by mobileOK checker... ---></td><td background="http://img134.imageshack.us/img134/5853/techbluer1c5fh3.jpg" class="noprint"><!-- ...skipped by mobileOK checker... ---></td></tr></table>
        … <table><tbody><tr><!-- ...skipped by mobileOK checker... ---></tr><tr><!-- ...skipped by mobileOK checker... ---></tr></tbody></table>
        Related best practice:
        [TABLES_ALTERNATIVES] Where possible, use an alternative to tabular presentation.
    2. Page weight

      The size of the page includes the page itself, the external style sheet(s), and the embedded images and objects. mobileOK requires the total size of the page to be under 20 KB, and the markup itself to be under 10 KB to ensure that the page can be retrieved and rendered by a mobile device in a reasonable amount of time.

      • Error [critical] The total size of the page (438.8KB) exceeds 20 kilobytes (Primary document: 44.6KB, Images: 393.4KB, Style sheets: 846)
        Big pages require a possibly high cost and a long waiting time in many mobile networks. For instance, on many mobile networks, downloading 100KB worth of data takes as long as 1 minute.
        Focus on the piece of information that you want to deliver. Scale down images to a reasonable size. Remove images that are not essential to the layout of the page. Make sure to separate CSS styles defined for screen and handheld media types so that only relevant CSS styles are downloaded by most devices.
        Triggered by the resource under test.
        Related best practice:
        [PAGE_SIZE_LIMIT] Ensure that the overall size of page is appropriate to the memory limitations of the device.
      • Error [medium] The size of the document's markup (44.6KB) exceeds 10 kilobytes
        Mobile devices have limited screens. Long pages on small screens are confusing, because users can't see the big picture and feel lost. Some mobile devices with limited memory still can't handle pages that are more than a few Kb but, in essence, the 10Kb limit was set for usability reasons. Some screens may be big enough to display pages with more content. The 10Kb limit ensures that the page is still usable on devices with small screens.
        Focus on the piece of information that you want to deliver, and build the page around it.
        Triggered by the resource under test.
        Related best practice:
        [PAGE_SIZE_LIMIT] Ensure that the overall size of page is appropriate to the memory limitations of the device.
      • Warning There are more than 10 embedded external resources
        Loading the page requires a mobile browser to make more than 10 separate HTTP requests, which on some mobile networks can induce a delay of 10s or more before the page is shown to the user.
        Try to reduce the number of included resources (images and style sheets). For instance, style sheets can be merged together instead of being split across several files.
        Triggered by the resource under test.
        Related best practice:
        [EXTERNAL_RESOURCES] Keep the number of externally linked resources to a minimum.
    3. Scripting

      Scripts can be used as long as scripting support is not required, since many mobile browsers have limited or no support for Javascripts.

      • Warning The document uses scripting
        Scripting can be used, but shouldn't be relied upon, since many mobile devices do not support or hardly support scripting. The page should still be usable when scripting is not enabled.
        Use scripting to enhance your page, but degrade gracefully when scripting is not supported.
        Triggered 8 times by the resource under test:
        … <script type="text/javascript">(function() { var a=window;function e(b){this.t={};this.tick=function(c,h,d){d=d?d:(new Date).getTime();this.t[c]=[d,h]};this.tick("start",null,b)}var f=new e;a.jstiming={Timer:e,load:f};try{a.jstiming.pt=a.gtbExternal&&a.gtbExternal.pageT()||a.external&&a.external.pageT}catch(g){};a.tickAboveFold=function(b){b=b;var c=0;if(b.offsetParent){do c+=b.offsetTop;while(b=b.offsetParent)}b=c;b<=750&&a.jstiming.load.tick("aft")};var i=false;function j(){if(!i){i=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",j,false):a.attachEvent("onscroll",j); })();</script>
        … <script language="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin // Set up the image files to be used. var theImages = new Array() // do not change this // To add more image files, continue with the // pattern below, adding to the array. theImages[0] = 'http://www.nlc.state.ne.us/images/RSS/CoffeeCup_Feed_Add_128x128.png' theImages[1] = 'http://www.nlc.state.ne.us/images/RSS/Ballon_Feed_add_128x128.png' theImages[2] = 'http://www.nlc.state.ne.us/images/RSS/Billboard_Feed_Add_128x128.png' theImages[3] = 'http://www.nlc.state.ne.us/images/RSS/Newspaper_Feed_add_128x128.png' // do not edit anything below this line var j = 0 var p = theImages.length; var preBuffer = new Array() for (i = 0; i < p; i++){ preBuffer[i] = new Image() preBuffer[i].src = theImages[i] } var whichImage = Math.round(Math.random()*(p-1)); function showImage(){ document.write('<img src="'+theImages[whichImage]+'">'); } // End --> </script>
        … <script src="http://www.blogger.com/static/v1/common/js/82548021-csitaillib.js" type="text/javascript"/>
        … <script>if (typeof(window.attachCsiOnload) != 'undefined' && window.attachCsiOnload != null) { window.attachCsiOnload('ext_blogspot'); }</script>
        … <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/coop/api/018235614200743995547/cse/d_7wowayh_s/gadget&synd=open&w=190&h=75&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"/>
        … <script language="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin showImage(); // End --> </script>
        … <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script>
        … <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-10062768-3"); pageTracker._trackPageview(); } catch(err) {}</script>
        Related best practice:
        [OBJECTS_OR_SCRIPT] Do not rely on embedded objects or script.
      • Warning An element uses an event attribute
        Using event attributes means that scripts and content are mixed in the page.
        Register the events listeners in the script, separated from the content of the page.
        Triggered by the resource under test:
        … <a href="http://css-tricks.com/what-beautiful-html-code-looks-like/" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><!-- ...skipped by mobileOK checker... ---></a>
        Related best practice:
        [OBJECTS_OR_SCRIPT] Do not rely on embedded objects or script.
    4. Inclusions

      Frames, pop-ups and applets are not at all mobile friendly. Usage of the object tag with its fallback mechanism needs particular care to avoid unnecessary downloads.

      • Error [severe] A pop-up was detected
        On a small screen with no pointing device, pop-ups are hard to follow and likely to cause user confusion. They may not be properly handled by some mobile browsers anyway.
        Triggered by the resource under test:
        … <a href="http://www.nebraskalibraries.org/ITART/atom.xml" target="_blank" type="application/atom+xml"> <script language="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin showImage(); // End --> </script> </a>
        Related best practice:
        [POP_UPS] Do not cause pop-ups or other windows to appear and do not change the current window without informing the user.
  3. Style sheets

    The most efficient way to control the layout of a page is to use CSS style sheets. To use them well in a mobile browser, it is important to ensure that the CSS style sheets referenced by a page and the CSS styles directly defined in the page are valid, and e.g. make a good use of the @media rules.

    • Error [low] A length property uses an absolute unit
      Using absolute measures in CSS creates layouts that do not adapt to the screen dimensions.
      Use em or percentage based values in CSS.
      Triggered 15 times by http://www.nebraskalibraries.org/ITART/. 10 first occurrences:
      … font-size: 11px
      … font-size: 11px
      … font-size: 11px
      … letter-spacing: 1px
      … font-size: 14px
      … font-size: 10px
      … font-size: 14px
      … height: 20px
      … font-size : 10px
      … height: 50px
      Related best practice:
      [MEASURES] Do not use pixel measures and do not use absolute units in markup language attribute values and style sheet property values.
    • Warning The resource does not specify UTF-8 as character encoding
      One of the resources required to render the page (most likely a CSS style sheet) does not declare its encoding as UTF-8 in an HTTP Content-Type header. Check that its content is properly encoded, and consider declaring its encoding at the HTTP level.
      Triggered by http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css:
      check the Content-Type HTTP header
      Related best practice:
      [CHARACTER_ENCODING_USE] Indicate in the response the character encoding being used.
    • Warning The CSS style sheet contains rules referencing the position, display or float properties
      Support for CSS style sheets varies from one device to the other, and cannot be entirely relied upon, especially to position the elements precisely. Floating and absolutely positioned elements should also be avoided on limited screens for usability reason since they may trigger scrolling in two directions.
      Triggered 5 times by http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css:
      … display:none
      … float: right
      … display:none
      … display:inline
      … display:none
      Triggered 12 times by http://www.nebraskalibraries.org/ITART/. 10 first occurrences:
      … display: inline
      … display: block
      … float: none
      … display: block
      … float: none
      … display: inline
      … display: inline
      … display: block
      … float: none
      … display: block
      Related best practice:
      [STYLE_SHEETS_SUPPORT] Organize documents so that if necessary they may be read without style sheets.
    • Warning The CSS Style contains at-rules, properties, or values that may not be supported
      Support for CSS varies from one device to the other. It is relatively safe to assume that mobile devices that support CSS support the CSS Level 1 grammar along with the @media attribute.
      Triggered 4 times by the resource under test:
      Line 5 — Property min-width doesn't exist in CSS level 1 but exists in [css2, css21, css3]
      Line 59 — Unknown pseudo-element or pseudo-class :hover
      Line 109 — Unknown pseudo-element or pseudo-class :hover
      Line 661, Column 0 — Property cursor doesn't exist in CSS level 1 but exists in [css2, css21, css3]
      Related best practice:
      [STYLE_SHEETS_USE] Use style sheets to control layout and presentation, unless the device is known not to support them.
  4. Images/Objects

    Images and/or image objects must be delivered in an appropriate format and dimensions so that they can be retrieved and rendered by most mobile browsers. mobileOK requires that all images and rendered objects be either GIF or JPEG images.

  5. At the HTTP level

    The source of the messages in this category is to be found in the HTTP headers that were sent along with the page. They are most likely due to the Web server configuration for static files, or the way the server-side scripts are written for dynamic content. Making sure that HTTP headers are correctly defined is essential in a mobile context with a usually low bandwidth and high latency.

  6. Character Encoding

    Checks in this category ensure that the content is properly encoded, and that the encoding being used is properly advertised in the HTTP headers. See Introducing Character Sets and Encodings for an overview of this topic. mobileOK requires that the content be made available encoded in UTF-8.

↑ Top