"Mobifying" Your HTML5 Site
Introduction Developing for the mobile web is a hot topic these days. This year, for the first time ever, smart phones out sold PCs. The "mobile" battlefield is still uncharted waters for a large number of developers. Creating a mobile-friendly html5rocks.com As an exercise I thought it would be interesting to take html5rocks (an existing HTML5 site) and augment it with a mobile-friendly version. This article examines how we created a mobile version of html5rocks optimized for Android and iOS devices. HTML4 and CSS2 have supported media-dependent style sheets for some time. would target print devices and provide specific styling for the page content when it is printed. You can use media queries in the media attribute of your external stylesheets to target screen width, device width, orientation, etc. In the following example, phone.css would apply to devices that the browser considers "handheld" or devices with screens <= 320px wide. Some read only the handheld style sheet. <head> ...
How-To: Create an iPhone Web App — Apple News, Tips and Reviews
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. 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?” See “Supported Meta Tags” for a complete description of the viewport meta tag. Layout and Metrics on iPhone and iPod touch
Powerful, Stylish Forms in Minutes!
Get a free trial and discover the power of control: Build powerful web forms using a step-by-step form builder Create any type of form - contact, feedback, surveys, etc. Works seamlessly with any site, no matter where it's hosted Embed web forms on any site with just a copy-and-paste Choose a design template or customize your own styles Add database features like email alerts, password protection, file upload, CAPTCHA, etc. Manage real-time data using any browser or mobile device Start with forms but enjoy powerful features to create complete web apps at any time
Creare mobile apps con Dreamweaver CS5.5 e jQuery Mobile
Grazie all'ultimo aggiornamento di Dreamweaver CS5.5 oggi possiamo creare - con una relativa facilità - mobile application per sistemi iOS (iPad / iPhone) e Android (versione 2.2). In buona sostanza la stessa cosa che permettono di fare anche Flash Pro 5.5 e Flash Builder CS4.5 (i programmi Adobe per sviluppo Flash based) ma partendo dal versante opposto: HTML(5), CSS(3), JavaScript, ecc.. Grazie all'introduzione per la creazione di mobile apps, di PhoneGap (chi sviluppa applicazioni per iPhone/iPad da tempo, sicuramente avrà avuto modo di utilizzarlo), il lavoro svolto per la realizzazione delle nostre apps è molto semplificato. Come è possibile vedere dalla schermata seguente, possiamo impostare da subito il nostro progetto PhoneGap ready quando chiediamo a Dreamweaver di creare un nuovo documento Tutte ovviamente basate su jQuery solutions. Anche questo passaggio fortunatamente è a nostra portata.
8 Killer Web Form Builders for Your Site
So you have your website set up with all the necessary features, but what about customer feedback? You have to be prepared to field the questions and concerns of your users, and nothing really does that better than a form. In one simple form, you can open your business up to constant feedback, while still maintaining an air of privacy and professionalism that a simple contact page can't do. Forms can be done by a professional programmer, but why waste money when you have so many intuitive web-based form builders available at a fraction of the price? However, not all form builders are created equal. 1. Sometimes, it's best to take the Occam's Razor approach to app selection, and Google Docs is definitely the simplest option out there for form building. Google Docs is a simple answer, and it unfortunately only comes with those simple features. 2. Unfortunately, all of these options don't come cheap. 3. The largest issue with FormSite is the anemic results tabulation. 4. 5. 6. 7.
How to test / simulate the ipa-download after PhoneGap-build and before uploading to the Appstore
I didn't have to drag the provisioning file into iTunes, just the IPA in two steps (on Windows 7 64bit): 1) Before Build: Make sure your iPhone's UDID is included in the provisioning profile by defining it in your apple developer profile for the app. To obtain the UDID: In iTunes, select your device in the ‘Devices’ section and navigate to the Summary tab. Click on the Serial Number label to reveal the Identifier field and the 40 character UDID. 2) After build & IPA download: Go to "Apps" Tab for your iPhone in iTunes 3) Check the "Sync Apps" box to allow editing of the left pane 4) Drag & drop your downloaded IPA to the left 5) Once it's there, drag it onto one of your iPhone pages on the right 6) Click "Apply" I had to add the IPA to the left pane first and then drag it to the right, I couldn't drop it directly onto the right pane.
Online Web Forms, Surveys & Questionnaires - FormAssembly.com
The Easiest Way to Build your First iPhone App
Mobile websites have come a long way, but if you want to take full advantage of a smartphone's hardware, or get listed in the iTunes App Store, you need to compile your code. In this tutorial, we'll show you how to create a mobile web app with an iPhone look and feel using jQTouch, then turn it into a native iPhone app using Phonegap. No Objective-C necessary. Tutorial Details Program: PhonegapVersion: 0.80Difficulty: IntermediateEstimated Completion Time: 1 hour Requirements To complete this tutorial, you'll need the following: Mac OS XXCode (included with Mac OS X, but installed separately)iPhone SDK (registration required)PhoneGap 0.80 Introduction to PhoneGap PhoneGap is an open-source framework that can turn any web app into a native app for iPhone, BlackBerry and Android. Included in the PhoneGap distribution is everything you need to build and run an iPhone app. Building and Running an iPhone App First, open up the iPhone folder, and double-click on PhoneGap.xcodeproj: That's it!
FormSite - Online Form Builder. Create HTML Forms & Surveys.
