LAYOUT

TwitterFacebook
Get flash to fully experience Pearltrees
Those who create responsive design for iPhone may be aware of the viewport scaling bug in iPhone Safari. The bug occurs when you set the viewport width to device-width and rotate the phone to landscape view.

iPhone Safari Viewport Scaling Bug

http://webdesignerwall.com/tutorials/iphone-safari-viewport-scaling-bug
http://www.quirksmode.org/mobile/viewports2.html

A tale of two viewports — part two

Page last changed today
REDIRECT TO MOBILE

ORIENTATION

http://www.evotech.net/blog/2007/07/web-development-for-the-iphone/ Web Development for the iPhone: Targeting the iPhone Safari browser Developing for the iPhone Also check out Creating native looking iPhone web apps with CSS3 (no images) .

» Web Development for the iPhone :: CSS, JavaScript and XHTML Explained

Media Queries

Abstract http://www.w3.org/TR/css3-mediaqueries/
The iPhone 4 features a vastly superior display resolution (614400 pixels) over previous iPhone models, containing quadruple the 153600-pixel display of the iPhone 3GS.

Designing for iPhone 4 Retina Display: Techniques and Workflow - Smashing Magazine

http://mobile.smashingmagazine.com/2010/11/17/designing-for-iphone-4-retina-display-techniques-and-workflow/
Four years ago, (eight months before the original iPhone was announced) Dave Hyatt wrote about high DPI web sites on the Surfin’ Safari blog:

Targeting the iPhone 4 Retina Display with CSS3 Media Queries - WaltPad

http://www.iwalt.com/weblog/2010/06/targeting-the-iphone-4-retina-display-with-css3-media-queries
So, um, maybe you heard: there’s a new iPhone out. For my money (and I shelled out plenty for it), the phone’s best feature is the new “Retina display,” the eye-popping high-resolution screen.

Designing for iPhone 4's Retina Display

http://globalmoxie.com/blog/designing-for-iphone4-retina-display.shtml
For three generations of the iPhone, Apple kept the screen consistent (320x480 pixels and 3.5 inches diagonal). http://www.lukew.com/ff/entry.asp?1142

Designing for the Retina Display (326ppi)

iPhone - Safari Screen Dimensions & Layout | iPhone Compatible

http://www.iphonecompatible.net/design-tips-tools/iphone-safari-screen-dimensions-layout/ Deprecated : Assigning the return value of new by reference is deprecated in /nfs/c02/h04/mnt/24728/domains/iphonecompatible.net/html/wp-settings.php on line 512 Deprecated : Assigning the return value of new by reference is deprecated in /nfs/c02/h04/mnt/24728/domains/iphonecompatible.net/html/wp-settings.php on line 527 Deprecated : Assigning the return value of new by reference is deprecated in /nfs/c02/h04/mnt/24728/domains/iphonecompatible.net/html/wp-settings.php on line 534

Cheat Sheet: iPod Touch, iPhone e iPad Web App Design

Durante lo sviluppo di App o Web App per dispositivi come iPod Touch , iPhone e iPad è necessario seguire alcune convenzioni dovute alle dimensioni dello schermo, la risoluzione, la grandezza della status bar, ecc. iOS Design Cheat Sheet è una raccolta delle specifiche più importanti, e permette a programmatori e web designer di avere sempre a portata di mano tutte queste informazioni in un unico documento. iOS Cheat Sheet
Making a webapp for the iPhone is a lot like making a normal web site, but with a few quirks to abide by. In this article, I’ll give you a wide variety of tips, covering things such as: “must-haves”, usability guidelines, testing/debugging, pitfalls, and performance issues.

10 Tips for New iPhone Developers

Hide the Address Bar within Mobile Safari

With both iOS and Android-driven devices using WebKit as their browser's rendering engine, web developers have many advantages: A rendering engine with capable of flawless CSS animations A rendering engine that's fast... very fast A rendering engine that's modern and forward-thinking These advantages allow us to create web apps within that browser that look as good as native applications.

lovely ui

iphone / ipad / iphone 5 / android / about / buttons / coach marks / compose / coverflow / dashboard nav / empty data sets / feed / graphs / launch screens / lists / maps / navigation / notifications / popovers / profiles / search / share / slider / stats / sub navigation / textures / thumbnails / typography / walk throughs / thumbnails on Jukely — 1 hour ago