"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 RhoMobile Suite You can either spend a tremendous amount of time and money creating and managing different versions of each application — or you can get Motorola Solutions' RhoMobile Suite, a powerful set of development tools that help businesses mobilize their workers, no matter what technology is in their hands. With RhoMobile Suite, comprised of RhoElements, Rhodes, RhoConnect, RhoStudio, RhoHub and RhoGallery, device type, operating system and screen size don't matter. RhoMobile Suite applications simply work on whatever mobile devices are in use and you have complete control over how applications behave on different devices. RhoMobile applications are OS-agnostic, able to support enterprise- and consumer-class operating systems so you can write, integrate, deploy and manage applications that work across platforms, from iOS and Android to Windows Mobile and systems that don't even exist yet, on both consumer and enterprise devices.
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 5 Cool CSS Hover Effects You Can Copy and Paste Need a cool hover effect for something on your site? Look no further! We’ve created several custom examples that you can view live for inspiration. If you like the effect, steal it! We’ve got the CSS ready and waiting for you to copy. Bring Your Boring Site to Life Hover effects can make your site feel much more dynamic and alive. The effects we’ll be using today all use code that is supported by modern browsers, meaning of course Mozilla and Webkit for the most part. Bump Up Live Demo: Click Here to Launch This works best when you have a series of horizontal items. This one is super easy to implement and there are in fact several ways to go about it. The transition here is completely optional as the effect still works quite well without it. Bump Up CSS Stack & Grow Live Demo: Click Here to Launch For this one I wanted a sort of lava lamp effect so that as you move your mouse down the list, each image slowly expands and then goes back to its original size. Stack & Grow CSS Fade Text in Conclusion
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