Web Opportunities




Jason Grigsby
@grigs • jason@cloudfour.com
cloudfour.com • mobileportand.com
iPad Web:                                   Nothing New Here




            Flickr photo by John-Morgan: http://www.flickr...
We’re a little spoiled.




   Standards-based,
 fast, HTML5 browser
Flickr photo by {Guerrilla Futures | Jason
 Tester}: http://www.flickr.com/photos/
       streamishmc/2340150187/
1024px




                    iPad 1:1 @hl2run
768px
        familiar




          132 ppi
Browser Performance Approaching Desktop
20%
         19%                                                                  ...
Perfect Web 2.0 Browser
Device Characteristics Less Important on iPad




       Phone is personal. Always with you. Always on.
http://www.flickr.c...
Native
              vs
           Web
              vs
         Hybrid
Fewer Advantages for Native Apps
Not Just Consuming Media
Dashboards
                                           & Intranet Sites
                                                  T...
Content with Well-Defined Form
Called Definite Content by Craig Mod in Books in the Age of the iPad




                 htt...
Vertical scrolling: a remnant of non-touch computers?




      What Makes Type Easy to Read and Why. Kathleen Tinkel. Ado...
Final Thoughts

• No flash


• Device detection more
  important than ever.


• 3G means performance still
  matters. YSlow...
No one really knows yet.




Jason Grigsby
@grigs • jason@cloudfour.com
cloudfour.com • mobileportand.com
Upcoming SlideShare
Loading in...5
×

iPad: Web Opportunities

5,786

Published on

Four minute presentation on the iPad from a web perspective. What opportunities are available and what web developers should consider.

Published in: Technology, Business
4 Comments
17 Likes
Statistics
Notes
  • Great post:


    --
    http://www.loogos.org/articles/how-to-get-an-apple-ipad-tablet-for-free
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • You can find more ipad cases http://appleipad-cases.net here. Thanks!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • the iPad certainly is going to become a huge success and a new standard.

    http://www.ultrafeel.tv/ipad-diamond/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Twittering while the session is live has been spotty during my tests. The tweets are listed in the notes on each slide and all together below in case my experiment fails:

    * I’m giving an Ignite-style talk this very moment about web opportunities for the iPad at SXSW. http://bit.ly/c1pscW Slides http://bit.ly/b7tqvP
    * I’m going to tweet background info during the presentation. For info on how I’m doing it, see http://bit.ly/bP72H8
    * So what if there are no new browser bells and whistles for the iPad browser, at least we won’t spend years asking for png support. ;-)
    * iPad specs 9.7 screen. 1024 by 768 pixel resolution at 132 pixels per inch. Web sites designed for 1024 should look fine at both orientations.
    * Changewave says people most interested in buying the low end WiFi and high-end machines. http://bit.ly/9mBLnG
    * My theory: form factor means more Wi-Fi usage than the iPhone. ATT CEO says iPad Wi-Fi driven http://bit.ly/a1FnTv
    * Camera, Compass, GPS are less important on iPad than iPhone because iPhone is always with you and well, there is no camera.
    * More on hybrid apps check out PhoneGap http://bit.ly/caE1OL, Titanium http://bit.ly/ac5JSJ, RhoMobile http://bit.ly/c90uJ9, and book http://bit.ly/b1fz2F
    * The big change from iPhone to iPad isn’t size. It is the promise of content creation instead of merely media consumption.
    * Ok, so it isn’t an iPad dashboard, but it is amazing, cool and built with webkit http://bit.ly/bMkxfQ
    * Highly-recommend article from Craig Mod on Books in the Age of the iPad http://bit.ly/d7Ee9H
    * Will more people read vs scan on the iPad? If someone is reading, does vertical scrolling provide the best reading exp?
    * Device detection http://bit.ly/bkwBFv YSlow http://bit.ly/aQGYkG HTML5 Forms http://bit.ly/95UCgR http://bit.ly/56zmKK
    * Is it safe to assume that if someone can write a word doc on an iPad that they can complete a shopping cart purchase? If so, why pay Apple 30%?
    * Thanks for listening. Slides and tweets (in case not all of them made it) are at http://bit.ly/b7tqvP Would love to chat after the session.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
5,786
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
485
Comments
4
Likes
17
Embeds 0
No embeds

No notes for slide
  • [twitter]I’m giving an Ignite-style talk this very moment about web opportunities for the iPad at SXSW. http://bit.ly/c1pscW[/twitter]
  • [twitter]For more info on the script I’m using to tweet while presenting, see http://bit.ly/bP72H8 [/twitter]
  • [twitter]So what if there are no new browser bells and whistles for the iPad browser, at least we won’t spend years asking for png support. ;-)[/twitter]

  • [twitter]iPad specs 9.7 screen. 1024 by 768 pixel resolution at 132 pixels per inch. Web sites designed for 1024 should look fine at both orientations. [/twitter]
  • [twitter]Changewave says people most interested in buying the low end WiFi and high-end machines. http://bit.ly/9mBLnG[/twitter]
  • [twitter]My theory: form factor means more Wi-Fi usage than the iPhone. ATT CEO says iPad Wi-Fi driven http://bit.ly/a1FnTv[/twitter]
  • [twitter]Camera, Compass, GPS are less important on iPad than iPhone because iPhone is always with you and well, there is no camera.[/twitter]
  • [twitter]More on hybrid apps check out PhoneGap http://bit.ly/caE1OL, Titanium http://bit.ly/ac5JSJ, RhoMobile http://bit.ly/c90uJ9, and book http://bit.ly/b1fz2F [/twitter]
  • [twitter]The big change from iPhone to iPad isn’t size. It is the promise of content creation instead of merely media consumption.[/twitter]
  • [twitter]Ok, so it isn’t an iPad dashboard, but it is amazing, cool and built with webkit http://bit.ly/bMkxfQ [/twitter]
  • [twitter]Highly-recommend article from Craig Mod on Books in the Age of the iPad http://bit.ly/d7Ee9H [/twitter]
  • [twitter]Will more people read vs scan on the iPad? If someone is reading, does vertical scrolling provide the best reading exp?[/twitter]
  • [twitter]Device detection http://bit.ly/bkwBFv YSlow http://bit.ly/aQGYkG HTML5 Forms http://bit.ly/95UCgR http://bit.ly/56zmKK [/twitter] [twitter]Is it safe to assume that if someone can write a word doc on an iPad that they can complete a shopping cart purchase? If so, why pay Apple 30%?[/twitter]

  • [twitter]That’s my four minutes. Thanks for listening. And for those not at the session, sorry for the deluge of tweets. :-)[/twitter]
  • iPad: Web Opportunities

    1. 1. Web Opportunities Jason Grigsby @grigs • jason@cloudfour.com cloudfour.com • mobileportand.com
    2. 2. iPad Web: Nothing New Here Flickr photo by John-Morgan: http://www.flickr.com/photos/aidanmorgan/3709199304/
    3. 3. We’re a little spoiled. Standards-based, fast, HTML5 browser
    4. 4. Flickr photo by {Guerrilla Futures | Jason Tester}: http://www.flickr.com/photos/ streamishmc/2340150187/
    5. 5. 1024px iPad 1:1 @hl2run 768px familiar 132 ppi
    6. 6. Browser Performance Approaching Desktop 20% 19% 19% 15% 10% 12% 10% 9% 8% 5% 0% 16GB WiFi only 32GB WiFi-only 64GB WiFi only 16GB WiFi + 3G 32GB WiFi + 3G 64GB WiFi + 3G Source: Changewave Survey (http://www.macrumors.com/2010/02/23/survey-sees-pent-up-ipad-demand- some-cannibalization-of-other-apple-products/)
    7. 7. Perfect Web 2.0 Browser
    8. 8. Device Characteristics Less Important on iPad Phone is personal. Always with you. Always on. http://www.flickr.com/photos/dcaid/3955203807/ • http://www.flickr.com/photos/guanajuato/2673227982/ • http://www.flickr.com/photos/davemadethis/3439123069/
    9. 9. Native vs Web vs Hybrid Fewer Advantages for Native Apps
    10. 10. Not Just Consuming Media
    11. 11. Dashboards & Intranet Sites Touch Data http://www.panic.com/blog/2010/03/the-panic-status-board/
    12. 12. Content with Well-Defined Form Called Definite Content by Craig Mod in Books in the Age of the iPad http://craigmod.com/journal/ipad_and_books/
    13. 13. Vertical scrolling: a remnant of non-touch computers? What Makes Type Easy to Read and Why. Kathleen Tinkel. Adobe Magazine. March/April 1996. http://www.alistapart.com/articles/css3multicolumn
    14. 14. Final Thoughts • No flash • Device detection more important than ever. • 3G means performance still matters. YSlow rules. • HTML5. Especially forms. • Will people find it easier to pay with credits on iPad than they do on iPhone?
    15. 15. No one really knows yet. Jason Grigsby @grigs • jason@cloudfour.com cloudfour.com • mobileportand.com
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×