Desenvolvendo aplicações web para IPhone e similares. Uma visão geral Alex Piaz @zaip Campus Party 2010
Por que raios eu faria aplicações web no Iphone?
 
 
Experiência do usuário é fundamental x
Então, às armas!
 
CSS 2.1 CSS 3 Parcial HTML 4.01+ XHTML 1.0 ECMA 3.0 (Javascript) Flash NOT! GIF, PNG, JPG, TIFF até 3000 pixels HTML,CSS, ...
http://www.phpmobile.com.br/ Detectando o Iphone Client-side (javascript):   if (navigator.userAgent.indexOf('iPhone') != ...
Viewport o que é e pra que serve? <meta name = &quot;viewport&quot; content = &quot;width = 320 initial-scale = 1.0&quot;>
<div ontouchstart=&quot;touchStart(event);&quot; ontouchmove=&quot;touchMove(event);&quot; ontouchend=&quot;touchEnd(event...
http://www.minid.net/2008/08/18/universal-iphone-ui-kit-revision-27/ Frameworks http://www.jqtouch.com/
http://drupal.org/project/idrupal http://drupal.org/project/idrupal_ui
Wptouch -  http://www.bravenewcode.com/products/wptouch/
Dúvidas? <ul><li>[email_address]
Upcoming SlideShare
Loading in...5
×

Desenvolvendo aplicações web para o Iphone

2,075

Published on

Published in: Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,075
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
29
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Desenvolvendo aplicações web para o Iphone

    1. 1. Desenvolvendo aplicações web para IPhone e similares. Uma visão geral Alex Piaz @zaip Campus Party 2010
    2. 2. Por que raios eu faria aplicações web no Iphone?
    3. 5. Experiência do usuário é fundamental x
    4. 6. Então, às armas!
    5. 8. CSS 2.1 CSS 3 Parcial HTML 4.01+ XHTML 1.0 ECMA 3.0 (Javascript) Flash NOT! GIF, PNG, JPG, TIFF até 3000 pixels HTML,CSS, JS até 3MB Execução JS até 10 segundos Resolução de tela: 480 x 320 Geo localização Safari web content guide: http://bit.ly/678Ya Safari 3.0
    6. 9. http://www.phpmobile.com.br/ Detectando o Iphone Client-side (javascript): if (navigator.userAgent.indexOf('iPhone') != -1) { /* iPhone user */ } Server-side (PHP): if (stristr($_SERVER['HTTP_USER_AGENT'],'iPhone')) { /* iPhone user */ }
    7. 10. Viewport o que é e pra que serve? <meta name = &quot;viewport&quot; content = &quot;width = 320 initial-scale = 1.0&quot;>
    8. 11. <div ontouchstart=&quot;touchStart(event);&quot; ontouchmove=&quot;touchMove(event);&quot; ontouchend=&quot;touchEnd(event);&quot; ontouchcancel=&quot;touchCancel(event);&quot; ></div> Eventos http://www.jqtouch.com/
    9. 12. http://www.minid.net/2008/08/18/universal-iphone-ui-kit-revision-27/ Frameworks http://www.jqtouch.com/
    10. 13. http://drupal.org/project/idrupal http://drupal.org/project/idrupal_ui
    11. 14. Wptouch - http://www.bravenewcode.com/products/wptouch/
    12. 15. Dúvidas? <ul><li>[email_address]
    13. 16. http://www.twitter.com/zaip
    14. 17. http://www.zaip.net/
    15. 18. http://delicious.com/alexpiaz/iphone
    16. 19. http://www.google.com/ </li></ul>The truth is out there...
    1. A particular slide catching your eye?

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

    ×