Optimize site for ipad

Hi,
I'm trying to optmize my site to display on the Ipad. Basically i want my container to occupy the whole width of the screen as opposed to the 80% in my reguular style sheet, cliff.css. I created two style sheets for the Ipad: Landscape.css and portrat.css and referred to these in the web page. The Ipad is using the regular container width. What am i doing wrong?
Here is the page html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/cliffsteele.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Show Schedule</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
-->
</style>
<!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>
<![endif]-->
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
<link href="cliff.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>     
<div class="container">
  <div class="header"><img src="Pictures/logo.gif" alt="Logo" name="Insert_logo" width="81" height="63" id="Insert_logo" style="background: #8090AB; display:block;" />
<!-- end .header --></div>
  <div class="sidebar1"><!-- InstanceBeginEditable name="sidebar" -->  <img src="Pictures/back1.jpg" width="72" height="72" />
   <p style="font-size:16pt; font-family:'Comic Sans MS', cursive"> Most shows close two weeks prior to show date on Wednesday.</p>
   <p style="font-size:16pt; font-family:'Comic Sans MS', cursive"> Call early if you would like me to handle your dog.</p>
   <p><a href="http://www.infodog.com/showinfo/showCal.htm" title="Infodog" target="_new">Enter a show via Infodog</a></p>
    <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
  <!-- InstanceEndEditable -->
  <!-- end .sidebar --></div>
  <div class="content">
  <div > <ul id="MenuBar1" class="MenuBarHorizontal">
     <li><a href="cliffsteele.html">Home</a>      </li>
     <li><a href="#" class="MenuBarItemSubmenu">Resort</a>
       <ul>
         <li><a href="facilities.html">Our Facility</a></li>
         <li><a href="Kennel.html">Boarding &amp; Daycare</a></li>
         <li><a href="spa.html">Grooming</a></li>
         <li><a href="#">Rates</a></li>
         <li><a href="friendsgallery.html">Our Guests</a></li>
       </ul>
     </li>
     <li><a class="MenuBarItemSubmenu" href="#">Show Handling</a>
       <ul>
         <li><a href="handlinginfo.html">Info</a></li>
         <li><a href="handlingrates.html">Rates</a></li>
         <li><a href="calendar.html">Schedule</a></li>
</ul>
     </li>
     <li><a href="#">Photo Gallery</a></li>
     <li><a href="aboutme.html">About Me</a></li>
     <li><a href="Contact.html">Contact Me</a></li>
   </ul></div>
<br />
<!-- InstanceBeginEditable name="heading" -->
<h1 style="margin: 10px; clear: both; text-align:center; font-size: xx-large; font-family: Georgia, 'Times New Roman', Times, serif;">Show Schedule</h1>
<!-- InstanceEndEditable -->
<div ><!-- InstanceBeginEditable name="content" --><p class = "heading"  align="center"><a href="https://www.keepandshare.com/calendar21/mobile_show.php?i=2544674" target="_blank">View a Mobile Version of this Calendar</a></p><div><iframe src="https://www.keepandshare.com/calendar21/show.php?i=2544674&ifr=y&colorreset=y&nw=y&vw=mont h&themeChoice=0&md=9&nopopup=n&noviewmenu=n&noname=n&nobreak=n&noprint=n&nosearch=n&norss= n&noovl=n&notz=n&sa=n&exedit=n&nonav=n" width="600" height="450" scrolling="no" frameborder="1"></iframe></div><!-- InstanceEndEditable --></div>
    <!-- end .content --></div>
  <div class="footer">
      <div style="float:right">
        <p> <a href="MAILTO:[email protected]" >Site Designed by Fredric M. Zipser</a><br />
       </p>
    </div>
    <div class="clearfloatleft">
        <p>Clifford W. Steele  Professional Handler <br />
          1395 Rt. 6<br />
          Carmel, NY  10512-1627<br />
          United States<br />
          ph:(845) 225-2463<br />
          Cell:(845) 661-0010<br />
        <a href="MAILTO:[email protected]" >[email protected]</a></p>
    </div>
  <!-- end .footer --></div>
<!-- end .container --></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
<!-- InstanceEnd -->
===========================================================
Here is the Landscape stye sheetL
@charset "utf-8";
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #4E5869;
margin: 0;
padding: 0;
color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;  /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
font-size: x-small;
color: #FFF;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color:#414958;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #4E5869;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
color: #0033ff;
font-size: large;
font-family: "Comic Sans MS", cursive;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
width: 100%;
min-width: 780px; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
height: 80%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #93A5C4;
.container .footer #fMisc div p {
font-family: Verdana, Geneva, sans-serif;
font-size: x-small;
color: #FFF;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background: #6F7D94;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
float: right;
width: 20%;
padding-bottom: 64px;
height: 100%;
font-family: "Comic Sans MS", cursive;
font-weight: bolder;
font-size: medium;
border-top-width: 0%;
border-right-width: 0%;
border-bottom-width: 0%;
border-left-width: 0%;
background-color: #93A5C4;
background-repeat: repeat;
margin: 0px;
overflow: hidden;
.content {
width: 80%;
float: right;
background-image: url(back1.gif);
background-repeat: repeat;
background-color: #93A5C4;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 70px;
padding-left: 0px;
height: 100%;
overflow: hidden;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
.container .content #MenuBar1 {
background-image: url(back1.gif);
background-repeat: repeat;
margin-left: 6%;
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
margin-bottom: 15px; /* this creates the space between the navigation on the content below */
ul.nav li {
border-bottom: 1px solid #666; /* this creates the button separation */
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: #8090AB;
color: #000;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
background: #6F7D94;
color: #FFF;
/* ~~ The footer ~~ */
.footer {
background: #6F7D94;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
font-size: xx-small;
color: #000;
margin: 0px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.faclines {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: large;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
a {
color: #FFF;
.container .footer #fMisc div p a {
color: #FFF;
.container .footer div p {
font-family: Verdana, Geneva, sans-serif;
font-size: x-small;
color: #FFF;
clear: left;
.container .footer div p a {
color: #FFF;
p {
font-size: xx-large;
p {
color: #000;
font-size: x-large;
font-family: Georgia, "Times New Roman", Times, serif;
.container .footer #fMisc div {
font-size: x-small;
.container .footer #fMisc div {
color: #FFF;
.container .content h1 {
font-family: Verdana, Geneva, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000;
.clearfloatleft {
clear: left;
.container .sidebar1 p a {
font-size: medium;
color: #00F;
p.heading a:hover, p.heading a:active, p.heading a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
font-size: x-large;
font-family:Verdana, Geneva, sans-serif;
color: #00F;
p.heading {
font-size: x-large;
font-family:Verdana, Geneva, sans-serif;
color: #000;
.container .content div div {
text-align: center;
.container .content div div {
text-align: center;
font-size: small;
div.form  {
    width:450px;
    margin:0 auto;
    font-size: small;
    border:0;
    white-space: nowrap;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:medium;

Thanks for your answers.
Looks like the browser on iPad simulator doesn't behave like the real touch device, because on iPad itself definitely all unmodified Spry 2.0 menus and also that example ( http://nwneighborhoodvet.com/ ) don't work properly. When I touch "About Us" on http://nwneighborhoodvet.com/, then it immediately loads http://nwneighborhoodvet.com/pages/about-us.html instead of displaying the drop down menu.
Somehow I also don't understand your versioning scheme. I downloaded today again the so called Spry 2.0 Dropdown Menu with the Widget Browser and when I install it on my site the directory with the CSS and Javascripts inside is called Spry-UI-1.7. When this is supposed to be Spry 2.0, why don't you call it Spry-UI-2.7 or 2.0.7 or something similar? Or do I get the wrong version from that strange Widget Browser/Dreamweaver CS5?
My test page (should be unmodified and it's not formatted properly at the moment) is http://www.safeexambrowser.org/Templates/main-D.dwt, also doesn't work properly on iPad.
This is a example (jQuery Superfish) which is actually working on iPad: http://users.tpg.com.au/j_birch/plugins/superfish/#examples (see the menu below "The result:".

Similar Messages

  • IWeb 1.1 does NOT optimize site for faster loading

    I duplicated my iWeb site folder which at the time was 15Mb in size.
    I then updated iWeb to 1.1 and exported my site to a folder without making any changes to my site. I had heard somewhere that I would see a dialogbox asking if I want to update my site for the new improved loading times in iWeb 1.1. Didn't see any of that.
    Well I then looked at the newly exported folder and compared it with the old one. The old, as stated above, is 15Mb in size - the new "optimized" one is 16.3Mb
    How come? Is it once again only .Mac users that will see the full benifit of this update?
    Powerbook G4 1.5 Ghz, 15", 1,5Gb RAM, Radeon 9700 (128 Mb)   Mac OS X (10.4.6)  

    I agree. I have images-as-graphics on all of my pages and in v1.1 they are still huge .png files converted from my original small .jpg files (eg .jpg original 90kb, iWeb converted .png 444kb). After downloading v1.1 I've only managed to get my site to upload once this evening to .Mac (and got the picture error message like everyone else) and now it won't publish at all. I've been experimenting with publishing to a folder and have turned off shadows, reflections, lines etc. The .jpg files are still converting to .png. The only ones that don't are the photo album thumbnails on the template photo page which stay as .jpgs.
    This is horrible. I'm building a little site with iWeb for a friend who is on dial up and it's embarrasing getting him to have to wait twenty minutes everytime he looks at an update.
    G4 ibook 1.2   Mac OS X (10.3.9)  

  • What format to optimize site for iphone?

    Looking to put up site that people can view on their iphone and play some 30-second audio clips. In what format should the audio be so that the clips will play on iPhone 3G, 3GS as well as 4.
    Thank you.

    Should have mentioned that I'm not so technically inclined and am easily overwhelmed by too much detail. Wish someone could give me one simple set of audio settings/format that would make my clip playable by people who visit my site via iphone. Also, how can I make sure that after they listen to the clip, they don't retain the clip in their iTunes library, since I will be selling this content and intend audio at my site so customers can listen only -- not intending to give them audio to keep in their own iTunes libraries.
    Thank you!

  • Why is the mobile site for iPad requiring a login every time I go to gmail (even if I leave the tab open while I use another tab?

    For the last week or so every time I go to gmail (even when I've left the tab open) I am required to sign in. This is an unnecessary step that I really don't want to do. I don't like the gmail app. And I feel like this sign in issue is forcing me to use the app. Why is this happening? Is there a way around this?
    Thank you for any input.

    Can you post back here a screenshot from this issue?

  • Encoding movies for iPad

    Hi guys!
    I'm currently upgrading a clients site for iPad support (video playback) and I'm have a VERY hard time producing videos that will actually play on iPad.
    I'm using the following specification:
    "H.264 video up to 720p, 30 frames per second, Main Profile level 3.1 with AAC-LC audio up to 160 Kbps per channel, 48kHz, stereo audio in .m4v, .mp4, and .mov file formats;"
    The software I'm using is Adobe Media Encoder and my preset fullfills all the requirements above but it just won't do and I've spent a whole day trying to get it work. iPad seems EXTREMELY picky about its videos. Ditching Flash might be a good idea but this is just insane.
    This is the info (I used MediaInfo Mac) from one of my test movies:
    General / Container Stream #1
    Total Video Streams for this File.................1
    Total Audio Streams for this File.................1
    Video Codecs Used.................................AVC
    Audio Codecs Used.................................AAC LC
    File Format.......................................MPEG-4
    Play Time.........................................57s 877ms
    Total File Size...................................14.9 MiB
    Total Stream BitRate..............................2 155 Kbps
    Video Stream #1
    Codec (Human Name)................................AVC
    Codec (FourCC)....................................avc1
    Codec [email protected]
    Frame Width.......................................1 024 pixels
    Frame Height......................................576 pixels
    Frame Rate........................................25.000 fps
    Total Frames......................................1446
    Display Aspect Ratio..............................16:9
    Video Standard....................................PAL
    Scan Type.........................................Progressive
    Color Space.......................................YUV
    Codec Settings (Summary)..........................2 Ref Frames
    QF (like Gordian Knot)............................0.135
    Codec Settings (CABAC)............................No
    Codec Settings (Reference Frames).................2
    Video Stream Length...............................57s 840ms
    Video Stream BitRate..............................1 995 Kbps
    Video Stream BitRate Mode.........................VBR
    Bit Depth.........................................8 bits
    Video Stream Size.................................13.8 MiB (93%)
    Video Stream Language.............................English
    Date of Original Encoding.........................UTC 2011-01-06 15:17:53
    Audio Stream #1
    Codec.............................................AAC
    Codec (FourCC)....................................40
    Audio Stream Length...............................57s 877ms
    Audio Stream BitRate..............................157 Kbps
    Audio Stream BitRate Mode.........................VBR
    Number of Audio Channels..........................2
    Audio Channel's Positions.........................Front: L R
    Sampling Rate.....................................48.0 KHz
    Audio Stream Size.................................1.09 MiB (7%)
    Audio Stream Language.............................English
    Date of Original Encoding.........................UTC 2011-01-06 15:17:53
    Any help will be extremely appreciated because I already lost a whole day due to this!

    Try encoding a small source video directly in iTunes and then check the specifications afterwards in Quicktime (QT). Better still, open the video in QT directly and export it for iPad playback. Then follow the first step above.

  • I have been asked to review a new app for Ipad/iphone . The developers site is asking me to download a plug- in to view, is this safe

    I have been asked to review a new app for Ipad/iphone . The developers site is asking me to download a plug- in to view, is this safe

    What does http://developer.apple.com/ have to do with reviewing an app? Why aren't you downloading from the App Store?
    I've never had any login there result in a request for any app....
    The Dev Center is as safe as your logon...

  • I got fab advice from this site for getting hotmail contacts onto ipad 2, can anyone tell me why my folders are empty though?

    I got fab advice from this site for getting my hotmail contacts onto ipad 2, but all my folders appear empty, can anyone tell me why?

    I got fab advice from this site for getting my hotmail contacts onto ipad 2, but all my folders appear empty, can anyone tell me why?

  • Site survey tools for ipad

    Hi,
    I was trying to find some apps for iPad/iPad mini which are useful in conducting a wireless site-survey. Any app which will scan air and gives list of available wireless networks along with their  RSSI/SNR values.
    I found one app WIFI Analyzer, but it is for Android.
    Are there any apps available for iPhone / iPad / iPad mini?
    I am planning for an outdoor survey for a location around 8-10 acres. The purpose is to provide internet services and cover most of the specified areas within park.
    I've got the maps, conducted a passive survey by simulating the environment using AirMagnet planner. Now I am planning for on site survey .
    Thanks,
    CJ

    iPad WiFi Survey
    Ekahau Mobile Survey
    Don't forget to rate our posts. 

  • My 3rd generation ipad even though my battery is at 100 % the screen goes black after sitting for more than 15 mins. The only way to get it to come is by resetting the ipad. Is there a fix for this. It all started after the last two updates.

    my 3rd generation ipad even though my battery is at 100 % the screen goes black after sitting for more than 15 mins. The only way to get it to come is by resetting the ipad. Is there a fix for this. It all started after the last two updates.

    Try a Reset...
    Press and hold the Sleep/Wake button and the Home button at the same time for at least ten seconds, until the Apple logo appears. Release the Buttons.
    If no joy... Try a Restore...
    1: Connect the device to your computer and open iTunes.
    2: If the device appears in iTunes, select and click Restore on the Summary pane.
    3: If the device doesn't appear in iTunes, try using the steps in this article to force the device into recovery mode.
    From Here
    Unresponsive iPad
    http://support.apple.com/kb/TS3281

  • How to Best Optimize Flash site for performance (not SEO)

    I am a newbie to Flash design. I have build this site for my client www.888acolyte.com
    I watched a bunch of YouTube Videos on how to stracture a site and then pulled together a lot of features from different learning resources.
    I loved Flash for its animation capabilities and used a lot of time line tweening in my site layout. My background has a moving blurry colorful spots animation, my pages come out and assemble themselves as animations, transitions and rollover done as animations.
    All of it done via Flash's time line tweening.
    As the end result site is stattering in performance rather significantly. I am not sure if it is because of the animations I have employed or because of something else?
    I used JPG instead of PNGs as they take a lesser size. I used an 80 quality in them out of Photoshop.
    Every JPG is scaled to 75% of its actual size as I expect the site to be bigger on some bigger screens. I set it up to "Allow Full screen"
    Flash Tab Settings:
    In the export options :
    JPG Quality = 80
    No Sound
    SWF Settings:
    Checked "Compress Movie"
    Checked "Include Hidden Layers"
    Checked "Include XMP Metada"
    UnChecked "Export SWC"
    HTML Tab Settings:
    Dimensions: 100%
    Quality: High
    I looked up some resources for "how to optimise a flash site"  and seems that the best one around would be from 2009: http://www.netmagazine.com/tutorials/optimise-flash-movies
    There is also this "magic button" "Save and Compact", which did not seem to have much effect on the final size of an .swf file.
    I hope to receive a feedback on how to properly stracture and optimize a Flash site for the best performance.
    If to go into details is too complicated perhaps someone can point me to a good learning resource on the topic?

    If you're just needing a flash player, have you tried the JWPlayer from Longtail Video? That's what I'm using to view flash video on my site.
    http://www.longtailvideo.com/players/jw-flv-player/

  • My rue la la app for ipad suddenly dosent work so I deleted it now when I try to reinstall it the app store says that it not available in the us. It is still on my Iphone and working properly. What is this all about?

    My rue la la app for ipad stopped working. I deleted the app and tried to reinstall it,  it is no longer available in the app store and when I research it on safari and find it when i try to install it says that it is not available in the us store. What is that all about?

    My app did the exact same thing. It is still unavailable on the App Store and when Rue La La's site directs you to download their app, the "not available in the U.S. message appears. This happened to me last night. The app wasn't working, I deleted it and was just going to reinstall but was unable to find the app. I figured it was some glitch but I have tried multiple times this afternoon to no avail.

  • How do I animate graphics for ipad, a windows user who might jump ship

    Please read this recent post that I put up on the Adobe Flash forums site; only got one reply which wasn't much use to me, maybe you guys can help.
    No I'm not on here to moan about Mac not supporting Flash (and yes I know that in theory Apple have done a U turn and are prepared to support it, albeit through gritted teeth).  I have a problem though, I have been using Adobe since, well forever really, and am Windows based, plus I've always managed to keep both Mac and Windows users happy as I am largely video and After Effects based.  I've dabbled with Flash and Director and some HTML coding so I am not completely naive when it comes to interactive presentations.  This time I am a bit stumped though, I have an international client and they have decided as a company to invest in ipads for all their staff, so I am now being asked about interactive presentations including graphics and video content.  Well if any other client had asked this of me I would have brushed up on my Flash and probably developed a straight forward presentation (nothing too fancy is required, no back end data base stuff etc, just a few animated buttons, splash screens and video).  It is probably not agood idea coming onto an Adobe forum and asking what other program I can use for similar projects on the Mac, but that is my starting point.  I know about Keynote, which I perceive a bit like Powerpoint (Micky Mouse comes to mind, I'm asking for trouble saying that I guess), so what exactly is the programe that is used on Macs to do similar tasks as Flash, does it exist?  Before I decide to persist with Flash (and I guess that I am going to be nudged in that direction as I am on an Adobe forum) I'd like to know what is its rival on Mac.  I have done a bit of research and am looking at Xcode4, Cocoa and it all seems a bit confusing and I certainly don't want to learn, C, C++ or one of it's derivatives, plus ipads use IOS a rather pared down version of the full Mac OS.  If I were a Mac graphic designer and I wanted to design an interactive presentation for the ipad (or Mac for that matter) what professional program would I be using?  There you go a very simple question from a very long winded explanation of my problem.
    Here is the reply I got form one of the other forum users:-
    As far as I know, Jobs was putting all his eggs into HTML5, so you probably want to see how he and the rest of the team are coming along with that spec (estimates are between 3 to 10 years for a final spec release).  I believe you'll need to learn a number of other things (css, javascript, jQuery, ajax, etc) to make it all work together to mimic what it can of a Flash version.
    As far as video goes... http://www.informationweek.com/news/hardware/desktop/225701855?subSect ion=News
    (Yeah, you're less likely to get positive/useful feedback in a Flash forum... try a Mac forum, better yet, an iPad forum)
    Any help much appreciated

    Hi Mitchell,
    I'll try to help you answering few questions. I'll be short now because dinner is almost ready.
    My background and experience is web/print designer, but I have been researching and studying iPad since the original is out (I got iPad and iPad 2). I work in Windows environment, I actually embrace the iPad situation.
    Ok, basically you want to have "interactive presentations including graphics and video content" for client?
    The best answer for that at the moment is: HTML5, jQuery/JavaScript, and CSS. I am sure with those 3 can get something like this:
    http://www.youtube.com/watch?v=Wc3fghSJvBM
    That's actually an app. Obviously native App has some advantages over WebApp. Take a look at how Google tackle the iPad with its webapp. Lots of great example. Google uses a lot of jQuery in a smart way.
    Maybe soon Adobe products will adapt and utilize more HTML5 for iPad. Maybe Flash would eventually go to iPad, who knows.
    I actually manage to live "without Flash" and be more efficient with presentation. Less bling and splashy interaction, but still manage to give a "new" experience. I would probably ask the client to wait a bit. Study the available interactive magazines (Wired, GQ, Victoria Secret etc) and websites that utilize only HTML5, jQuery, and CSS to get that "Flash" feel.
    There are really awesome Flash websites over the last few years, before iPad came along. We have gone almost "too much" with what Flash can do in term of giving interactive and layers and layers of interactive eye candies UI. Maybe it's time to be more efficient. Save the pixels for what really more important.
    Anyhow, try a simple hack: use and experiment Splashtop app or similar app that allow mirroring of PC/Mac into the iPad. This way, you could have Flash on your iPad, as long there is a connected PC/Mac via Wi-Fi.
    Try also presentation viewer for iPad, from Prezi.
    Remember one thing: It does not have to be the iPad. We know iPad is cool, but if other tables (Android tablets) can actually view Flash and the experience is fine, then go for it. My opinion: Flash is not yet for multi-touch experience.
    Tablet revolution is still really young, so, it's time to experiment.

  • Webex Meeting Center and Jabber for Ipad support in Webex Telepresence

    Hello, I have a two questions which are unclear based on my browsing of posts in this thread.
    1) Are traditional Webex Meeting Center meetings able to be joined to a Webex Telepresence session?  Ie. I have two callway/webex telepresence nodes (SX20 and a C40) can they have a webex meeting center participant brought in?
    2) Is Jabber for Ipad supported using the Webex Telepresence service?  Using the example endpoints above I have a SX20 and C40 and they want to add a Webex for Ipad endpoint in.
    Thanks.

    You cannot have Telepresence endpoints using Callway service(WebEx TP service) join a webex session directly. You can do this however using WebEx enabled Telepresence which is meant for on-premise users to work with WebEx
    http://www.cisco.com/en/US/docs/telepresence/infrastructure/tms/config_guide/webex_enabled_telepresence/cts_webex_config.html
    In the call way (aka WebEx tp service), the work around is you have to use an endpoint that has multi site capabilities to make one video call and see video from other end points and then make an audio call to the WebEx service and bridge them together. Now users can audio and video and presentation remains on WebEx but it's not like the true webex enabled telepresence which today call way doesnt support
    See attached PDF last page. Also you may need a PSTN subscription to make that call happen

  • Apple Unveils All-New iTunes U App for iPad, iPhone & iPod touch

    A colleague just told me about this announcement from Apple -
    Apple Unveils All-New iTunes U App for iPad, iPhone & iPod touch -
    http://www.apple.com/pr/library/2012/01/19Apple-Unveils-All-New-iTunes-U-App-for -iPad-iPhone-iPod-touch.html
    Do any fellow iTunes U administrators know anything about this? How is existing content presented in the new app? Would we need to change anything? How do we access / make available the new features?
    The new features sound fantastic but it would have been nice to have some warning. I appreciate that Apple has to keep specific details about developments confidential but it's slightly disconcerting that iTunes U administrators were not forewarned about this new development and that there has been no mention of it on this forum. Also - and at the risk of sounding like a broken record - it really would be helpful for iTunes U administrators to have a private forum (perhaps an add-on to Public Site Manager) where we could discuss issues and share ideas and best practice etc.

    Greetings Tom;
    I watched the Apple's Keynote presentation and I'm amazed!  I'm really excited about the possibilities this opens up for educators.  I, like you am still processing all of the information and sorting out the possibilities.
    Did you get the email about the Webcast on Wednesday the 25th at 10:00 AM PT that's going to cover the new iTunes U Corse Manager and how to publish through iTunes U Site Manager?  Hopefully this is available to you in the UK.  We'll keep in touch.  All the best...
    Syd Rodocker
    iTunes U Administrator
    Tennessee State Department of Education   
    Tennessee's Electronic Learning Center

  • Just paid $6.99 for iPad highlighter at App Store.  It's supposed to let me highlight things in a PDF file.  I see no way to make it work in a PDF file.  Thanx ahead of time for any help.

    Just paid $6.99 for iPad highlighter at App Store.  I can find no way to make it work in the iPad file when I call it up.  It just sits there like any other app.  Thanx in advance for the help. [email protected]

    See if the developer has a website with intstructions. Check around in the app for instructions. They're often under settings. Contact the developer.

Maybe you are looking for