Safari Web Content Guide: Configuring the Viewport Safari on iOS displays webpages at a scale that works for most web content originally designed for the desktop. If these default settings don’t work for your webpages, it is highly recommended that you change the settings by configuring the viewport. You especially need to configure the viewport if you are designing webpages specifically for iOS. Configuring the viewport is easy—just add one line of HTML to your webpage—but understanding how viewport properties affect the presentation of your webpages on iOS is more complex. Before configuring the viewport, you need a deeper understanding of what the visible area and viewport are on iOS. If you are already familiar with the viewport on iOS, read “Using the Viewport Meta Tag” for details on the viewport tag and “Viewport Settings for Web Applications” for web application tips. Read “Layout and Metrics on iPhone and iPod touch” to learn about the available screen space for webpages on small devices.Read “What Is the Viewport?”
Line25 Web Design Blog OK Computer Solutions Software Development In India Mango Automation | SCADA Software | HMI Software HOWTO: Native iPhone/iPad apps in JavaScript More resources On top of the information below, I can recommend a few other resources: Building iPhone Apps with HTML, CSS, and JavaScript is the only book I found that covered everything. I highly recommend it if you're planning on doing serious app development in JavaScript. Making it full-screen Normally, if you press "+" in mobile Safari and then "Add to Home Screen," the icon it creates acts like a bookmark into Safari. To get rid of the URL and button bars, just add a meta tag: This is what my log app looks like when launched from the home screen: Changing the phone status bar You can also change how the phone's status bar is displayed with a meta tag. The values for content are default, black and black-translucent. Preventing scaling If you pinch on a web app, it still responds like it's in a browser and zooms in. You'll almost certainly want to set the viewport width to the device width as well, so that the app shows up at its natural resolution. Preventing elastic scrolling Confused?
Coding on acid. | Acetylsalicylic acid :( MonoDevelop - MonoDevelop MockFlow: Online Wireframe Tool FRAPS show fps, record video game movies, screen capture software How to Test your Local Website Online with Dropbox Learn how you can code your HTML /CSS /JavaScript files on a local computer and still test the site online using Dropbox. Whether you are designing a one-page basic HTML site or are developing a slightly more complicated site that uses JavaScript and jQuery functions, you need to thoroughly test the design and functionality before putting the HTML/CSS/JS files on a live web server. How do you test the files associated with your project? If you are a professional web designer /developer, you’ve probably set up a local server to test the sites on the computer itself but the workflow is a little more tedious for the rest of us. You write the code in a local folder, then upload the associated files to a FTP server and finally, you load these online files in a browser for testing – this code-upload-test cycle may have to repeated multiple time until your site works as expected. There is however an easier way as well that should save you some time. Also see: How to Completely Test your Website
Beautiful Bytes | 01010010 10100110 10010100 10100100 10010011 – by Metin Göktay