adobe’s tooling for jquery and the mobile web

[ SXSW Bios ] #sxswadobemobile

Brief

This session is sponsored by Adobe.

DreamWeaver

Adobe is starting to incorporate and contributing to jQuery Mobile and WebKit.

CSS transform, webkit box shadows/borders.
CSS media queries (select css by screen size). max-width, min-width mapped to separate css files.

Dreamweaver: Multiscreen preview. Viewport sizes (different resolutions for mobile, tablet, desktop). Map media queries to screen sizes. Force devices to report actual width. Allows you to design for desktop and then carve from there. Getting to a mobile “web app” very quickly.

Links

• jQuery Mobile
• Browser Lab — hosted browser previews. Onion skin overlays between browsers.

Flash

Uses Flash (ActionScript) to write native device applications. AIR for iOS. AIR for Android. Code snippets to interact with device features (drag-n-drop code).