BoursoMac logo 签到 
搜索

Design killing apps for the iPhone

7月. 4th, 2007 09:17 由 sdelucaPermalink | TrackBack: http://cn.boursomac.com/trackback/638 | del.icio.us logoDel.icio.us — exists for 4 years & 7 months前 — Rate:  — — 抱歉,这个内容不是可利用的用中文。

Apple just released a design guide for third party developers in order to help them to make the best from the iPhone.

iPhone design guide

Best practices include:

  • Understanding that multitouch does not equal to a mouse
  • Safari body is clipped to the iPhone screen
  • Safari supports those standards: HTML 4.01, XHTML 1.0, CSS 2.1 and partial CSS 3.xx, JavaScript 1.4 -- including DOM support, AJAX technologies -- including XMLHTTPRequest.
  • Use of specific phone features such as:
    • link to call a number: <a href="tel:1-408-555-5555">1-408-555-5555</a>
    • link to google map: <a href="http://maps.google.com/maps?q=cupertino">Cupertino</a>
  • How to detect iPhone browser with the following User-Agent: Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3
  • Specify an iPhone-only CSS with: <link media="only screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" />
  • and more...

Here at boursomac.com, we currently are designing a specific version of the site for iPhone, so be patient...

4 comment(s) | Reddit!

iPhone : Programmer l'application qui tue

7月. 4th, 2007 09:17 由 Permalink | TrackBack: http://cn.boursomac.com/trackback/640 | del.icio.us logoDel.icio.us — exists for 4 years & 7 months前 — Rate:  — — 抱歉,这个内容不是可利用的用中文。

Apple vient de publier un guide de développement d'application iPhone.

iPhone design guide

Il décrit les règles de développement pour obtenir la meilleure intégration possible de vote application à l'iPhone. Et on y découvre :

  • Qu'il est important de comprendre que le multi-touche n'est pas identique à une souris
  • Que Safari « clippe » le body HTML à l'écran de l'iPhone
  • Que Safari supporte les standards suivants : HTML 4.01, XHTML 1.0, CSS 2.1 et partiellement CSS 3.xx, JavaScript 1.4 -- DOM inclus, la technologie AJAX -- XMLHTTPRequest inclus.
  • Comment tirer avantage des spécificités de l'iPhone, comme :
    • Le lien vers un appel téléphonique : <a href="tel:1-408-555-5555">1-408-555-5555</a>
    • Le lien vers une carte google maps : <a href="http://maps.google.com/maps?q=cupertino">Cupertino</a>
  • COmment détecter que l'on a à faire avec un iPhone grâce à son User-Agent : Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3
  • Qu'il faut spécifier une feuille de styles CSS propre à l'iPhone comme ceci : <link media="only screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" />
  • At bien d'autres choses...

Ici chez boursomac.com, nous travaillons à la mise en ligne d'une version spécialement adaptée à votre iPhone afin que vous puissiez nous lire dans le métro ou au starbuck du coin ! Alors soyez patient.

4 comment(s) | Reddit!


All 4 comments





1援引 — Comment from fbrunel posted on 7月. 6th, 2007 07:21:

D'après ce que j'ai pu entendre, il est fort probable que l'iPhone sorte en France bien avant le Canada.

Veinards!

4援引 — Comment from sdeluca posted on 7月. 6th, 2007 09:29:

From fbrunel:
D'après ce que j'ai pu entendre, il est fort probable que l'iPhone sorte en France bien avant le Canada.Veinards!
Héhé . Il est clair qu'ici aussi on attend avec grande ferveur que ce bijou soit disponible­.­ Et d'après nos informatio­ns,­ Orange aurait emporté l'affaire.
Boursomac se prépare à tourner sous l'iPhone. Une première passe a déjà été réalisée..­.­ Donc si vous avez des iPhones, merci de nous communique­r­ les feedbacks et/ou remarques pour améliorer le site sur iPhone.
4援引 — Comment from damieng posted on 7月. 10th, 2007 13:48:

From sdeluca:
From fbrunel:
D'après ce que j'ai pu entendre, il est fort probable que l'iPhone sorte en France bien avant le Canada.Veinards!
Héhé . Il est clair qu'ici aussi on attend avec grande ferveur que ce bijou soit disponible­.­ Et d'après nos informatio­ns,­ Orange aurait emporté l'affaire.­Boursomac­ se prépare à tourner sous l'iPhone. Une première passe a déjà été réalisée..­.­ Donc si vous avez des iPhones, merci de nous communique­r­ les feedbacks et/ou remarques pour améliorer le site sur iPhone.

I think it should be better to translate this comment.
Your request can have an answer in USA only (... for the moment indeed)

5援引 — Comment from sdeluca posted on 7月. 10th, 2007 22:01:

From damieng:
From sdeluca:
From fbrunel:
D'après ce que j'ai pu entendre, il est fort probable que l'iPhone sorte en France bien avant le Canada.Veinards!
Héhé . Il est clair qu'ici aussi on attend avec grande ferveur que ce bijou soit disponible­.­ Et d'après nos informatio­ns,­ Orange aurait emporté l'affaire.­Boursomac­ se prépare à tourner sous l'iPhone. Une première passe a déjà été réalisée..­.­ Donc si vous avez des iPhones, merci de nous communique­r­ les feedbacks et/ou remarques pour améliorer le site sur iPhone.
I think it should be better to translate this comment.Yo­ur­ request can have an answer in USA only (... for the moment indeed)
You're right Damien!
I was saying that : "We've been busy porting boursomac.­com­ to iPhone and an early release is available right now: just point your iPhone to boursomac.­com­ and enjoy. Feedbacks are welcome!"

Leave a comment No HTML tags allowed — Textile syntax appreciated




  通知我答复被张贴

Want to insert a photograph into your comment?
To insert a photo in your comment do the following:
1 — Choose one by clicking on Choose File button and select an image.
2 — Insert the special tag [image] in your text where you want it to appear.
3 — Validate your comment by cliking on the button.





If you have difficulties to read the code, click on the image.

Textile

A Humane Web Text Generator

what does it do?

Quick block modifiers:
Header: hn.
Blockquote: bq.
Footnote: fnn.
Numeric list: #
Bulleted list: *

Quick phrase modifiers:
_emphasis_
*strong*
??citation??
-deleted text-
+inserted text+
^superscript^
~subscript~
%span%

To apply attributes:
(class)
(#id)
{style}
[language]

To align blocks:
< right
> left
= center
<> justify

To insert a table:
|a|table|row|
|a|table|row|

To insert a link:
"linktext":url

To insert an image:
!imageurl!

To define an acronym:
ABC(Always Be Closing)

To reference a footnote:
[n]

Putting it all together

View sample input text


Advanced Features

<iphone src="url"/> : Display an iPhone Web application

<youtube src="url"/> : Display an YouTube video

<member username/> : Display an iPhone Web application

<iphone src="url"/> : Display an iPhone Web application

Smileys
[angry] :
[asleep] :
[clap] :
[cold] :
[cry] :
[dollars] :
[gift] :
[guru] :
[iloveyou] :
[laugh] :
[lol] :
[loving] :
[music] :
[shuss] :
[sick] :
[smile] :
[sport] :
[sweat] :
[unhappy] :
[wink] :
Copyright © 1994 ˜ 2012 dsei.biz / Stéphane de Luca — All Rights Reserved | 03:08 AMContact | RSS RSS Feed