Table of content
- Introduction to iPhone Web Applications
- Introducing iPhone Web Development
- Overview
- The value of targeting iPhone
- iPod Touch
- The iPhone Platform
- The Safari on iPhone OS Browser
- The Safari on iPhone OS browser (cont.)
- Safari on iPhone OS supported features
- Safari on iPhone OS Limitations
- The iPhone human experience (UX)
- Content Appearance
- Defining styles for iPhone text
- Defining styles for the iPhone look
- Demo: Defining UI Styles
- Principles of iPhone UX development
- Designing with mobile users in mind
- Challenges of a small screen
- Address bar
- Scrollable address bar
- Showing full display area when page first opened
- Demo: Scroll address bar
- Showing full display area when page first opened
- Scalable display area
- Viewport
- Taking control of the display
- Configuring the viewport
- Demo Viewport Part 1: The Viewport Meta tag
- Demo Viewport Part 2: Setting the Viewport in JavaScript
- iPhone provides a number of powerful extensions
- iPhone Web Applications
- Accessing iPhone Features
- Accessing iPhone applications
- Summary
- References
- Tools for creating a rich iPhone user experience
- Tools for creating a rich iPhone user experience
- Overview
- Creating a rich iPhone experience
- Reaching for the familiar tool
- Developing iPhone web content with Visual Studio
- Visual Studio…not one-stop shop we’re used to
- Visual Studio/iPhone challenges
- Visual Studo iPhone debugging challenge
- iPhone/ASP.NET Development Server – Challenge
- Visual Studio iPhone debugging solution
- iPhone/ASP.NET Development Server – Solution
- Demo: Port Forwarding
- Creating the iPhone User Experience
- The importance of developing with AJAX
- iPhone AJAX Support
- Putting together a development environment
- Selecting the testing/debugging tools
- The most basic iPhone test platform
- Safari on iPhone OS debugging features
- Using the Safari for iPhone IS Debug Console
- Essential iPhone web content developer tools
- Accessing Safari for the desktop debug features
- Safari for the desktop debug features
- User agent switcher
- How the User Agent Switcher Works
- Demo: User Agent Switcher
- Web Inspector
- Web Inspector: Scripts panel
- Web Inspector: Profiles panel
- Web Inspector: Profiles panel views
- Web Inspector: Elements panel
- Web Inspector: Resources panel
- Demo: Web Inspector, Elements and Resources Panel
- Web Inspector: Databases panel
- Snippet Editor
- Feature disabling
- A few other possibilities
- Summary
- References
- Using the iUI open source framework
- Using the iUI open source framework
- Course Overview
- What is the iUI framework?
- iUI File System Layout
- Why is the iUI framework helpful?
- Where does the iUI framework come from?
- How does one use the iUI framework?
- The challenge of creating the iPhone look and feel
- Displaying app info: Edge-to-edge list
- View edge-to-edge list demo
- Displaying app info: Grouped table list
- View grouped list demo
- Getting started with the iUI framework
- Adding iUI to a web site demo
- Getting started with iUI: Files to reference
- iUI application panels
- Creating simple panels demo
- iUI application panels: selected attribute
- iUI application panels: id attribute
- Common iUI formatting
- Reviewing the iui.css file
- Common iUI formatting: edge-to-edge
- Common iUI formatting: edge-to-edge group
- Common iUI formatting: grouped list
- Common iUI formatting: grouped list headings
- The iPhone toolbar
- iPhone toolbar demo
- iUI panel management
- Local panels
- Local panels demo
- Local panel navigation demo
- Server-based panels
- Retrieving new panels from the server
- New server panels demo
- New versus updated panels
- Updated panels demo
- Adding content to an existing panel
- Adding content to existing panel demo
- Retrieving whole pages
- Anchor tag handling decision tree
- iPhone navigation and the toolbar
- Toolbar members
- Toolbar title demo
- Toolbar members: Back button
- Back button demo
- Taking the toolbar a little further
- Customizing toolbar title
- Customizing toolbar title demo
- Customizing back button
- Customizing back button style demo
- Customizing back button: hide button
- Hide back button demo
- Summary
- References
- iPhone Extensions and Touch-Based Input
- Introduction
- Overview
- Touch-Based input
- iPhone provides 3 levels of touch-based input
- The simplicity of touch events
- The complexity of touch events
- Just the facts ma’am
- Working with the Click event
- Client event special considerations
- Demo: Click Behavior
- Understanding the mouse events
- Mouse event paths
- Mouse event paths…short-circuit
- Demo: View Mouse Events
- Gesture events
- Understanding gesture characteristics
- The GestureEvent object
- Demo: Scale and Rotate with Gestures
- The GestureEvent target property
- Gestures and element click-ability
- Demo: View Gesture Events
- Touch Events – where the rubber meets the road
- The complexity of touch events
- Touch events
- TouchEvent object
- The Touch object
- Common uses of touch events
- Common uses of touch events (continued)
- Demo: Touch and drag
- Watch out for the gotcha’s
- Demo: View Touch Events
- Summary
- References
- The impact of the iUI framework on client-side script
- The impact of the iUI framework on client-side script
- Course Overview
- A Review: What is the iUI framework
- Review of iUI concepts
- Demo: iUI review
- Understanding the iUI framework implementation
- Primary iUI folders and files
- Demo: Review iUI folders and files
- Functionality behind the declarative behavior
- Demo: The code that applies the panel title
- Click event handlers
- Click event (toggle handling)
- Demo: The toggle click event handler code
- Page navigation visual feedback
- Click event (navigation visual feedback)
- The iUI framework and page navigation
- Demo: Navigation click event handler code
- Handling panel navigation
- The iUI class
- Demo: Adding a custom panel navigation function
- Other iUI class features
- iUI events
- Demo: Adding declarative right toolbar button support
- iUI events and server-based panels
- The beforeinsert and afterinsert events
- Demo: Dynamic content with the beforeinsert event
- Demo: Comparing beforeinsert and afterinsert events
- Monitoring iUI Events
- Demo: Monitoring iUI events
- Changes in device orientation
- iUI orientation handling
- Demo: iUI orientation handling
- Summary
- Interacting with iPhone platform services
- Interacting with iPhone platform services
- Overview
- Taking advantage of the whole iPhone
- Phone calls
- Format detection and the DOM
- Texting
- Customized URL handling
- The Maps app and URL access
- Maps Parameters
- Demo: Accessing the iPhone Maps app with a URL
- Device Demo: Accessing the iPhone Maps app with a URL
- Media integration
- iTunes
- iTunes URLs
- YouTube
- Improving the YouTube experience
- Demo: Accessing iTunes and YouTube with a URL
- Device Demo: Accessing iTunes and YouTube with a URL
- HTML Media Support
- Media tag attributes
- iPhone media considerations
- Bandwidth
- Video playback
- Audio playback
- HTML 5 media object model
- Media behavior and events
- Understanding downloading and playback events
- Understanding media flow events
- Demo: HTML media
- Device Demo: HTML media
- Take advantage of context-aware input
- Context aware input
- Context aware input (continued)
- Summary
- References
- Uploading.....
- http://ul.to/dh6ehe99
Letitbit.net
No comments:
Post a Comment