Home
Member since Feb 03, 2009, follows 0 people, 0 public groups, 7 public bookmarks (7 total).
More »
Recent Bookmarks and Annotations
- iWebKit - Make a quality iPhone Website or Webapp on 2009-02-03
- Discussions - iPhoneWebDev | Google Groups on 2009-02-03
-
A List Apart: Articles: Put Your Content in my Pocket, Part II on 2009-02-03
-
<meta name="viewport" content="width=320; user-scalable=no" />
-
- Use Helvetica.
- Use bold
font-weightto maximize readability (remember, your design will often be used in daylight conditions). - Use normal
font weightfor secondary information. - Each row should be 44 pixels high.
- Set text at 20px.
- Inset text 10px from edges, and center vertically in row.
- Make controls 29px high, with 12px bold text and a 5px border radius, centered vertically in row.
- Group items in a 300px wide box with 8px radius (10px on each side of box).
- Set text at 20px.
- Inset text 10px from edges.
- Place labels above group box.
- Inset labels 20px (so that they line up with 10px inset for group box and 10px inset for text within the box).
- Use #d9d9d9 for borders and list dividers.
- Use #c5ccd3 for light blue (background).
- Use #4c566c for dark blue (group box header).
If you decide to build an application that tries to mimic the iPhone user interface, you’ll want to stick to some of the standards set by Apple.
Of course, you may choose your own color scheme and other branding elements, but remember that sizes for controls, fonts and other interface elements were chosen by Apple to maximize usability. You’d do well to follow their lead:
Fonts:
-
-
A List Apart: Articles: Put Your Content in My Pocket on 2009-02-03
-
- Multimedia—Use QuickTime H.264 encoding and pay attention to bit rates. Reference movies allow you to serve up different sized content using the same HTML.
- Images—Use iPhone-specific CSS to load lower resolution images.
- JavaScript—Be careful about including large JavaScript frameworks—loading hundreds of KB of scripts to show and hide a
<div>doesn’t make sense.
-
-
Can U.S. Laws Protect Online Speech from Foreign Libel Suits? [on libel tourism, incl. Khalid bin Mahfouz] - Campus Watch on 2009-02-03
-
This means that a New York court being asked to enforce a foreign libel judgment must first determine if the law of the foreign country meets U.S. and New York constitutional law standards with respect to speech and press freedoms. That's a high standard, and one that many jurisdictions, including England, are not likely to meet. If the foreign law fails the test, under this provision the judgment can't be enforced.
-
- CSS-Tricks #38: Basics & Tips on Designing for the iPhone on 2009-02-03
-
How to optimize a website for Mobile Safari » CSS Blog on 2009-02-03
-
To achieve this you should use meta-Teg viewport:
<meta name=”viewport content=”width=480″>
The number 480 stands for the number of pixels and the word „width“ for width, where Mobile Safari should center the view. -
Favicon:
I think, I don’t need to explain the term favicon, because each web page developer and many users know what it is.
To use favicon in Mobile Safari, you should add this meta tag:
<link rel=apple-touch-icon” href=”favicon.png”>Internal applications:
Most importantly, if you would like to give users a way to dial a number, by clicking it in the browser of the phone, you should use the following tag:
<a href=”tel:911″>911</ a>To link a location in Google Maps you should write something like this:
<a href=”http://maps.google.com/maps?q=bahnhofstrasse+1+55116+Mainz”>Mainz</ a>YouTube video link:
Although iPhone uses a separate program for playing videos from YouTube, you can link those videos with a normal link, as you do it on the PC.
-
Highlighter, Sticky notes, Tagging, Groups and Network: integrated suite dramatically boosting research productivity. Learn more »
Join Diigo