Web App Resources
iPad/iPhone Template
(look at the source code for the template – there are notes explaining what this is)
- webapp template
- webapp template css
- manifest file (for offline caching)
- Jonathan Stark examples
- Universal iPhone UI Kit
- Some interesting examples
Android Template
(look at the source code for the template – there are notes explaining what this is)
- webapp template (coming soon)
- webapp template css (coming soon)
iOS Dev Resources
Download the iPhone/iPad simulator for free. You must register as an iOS developer to do this. The fee is only if you intend to make a native app for the iTunes app store.
- iOS Developer Program (download simulator/Xcode here)
- Safari Dev Center
- Resources for Apple Developers
- Apple Web Apps
Optimizing Apps for Apple’s App store
- Frank’s Presentation on Optimizing Apps (July 18th)
- ASQR_Assigning_Keywords (For Frank Mungeam’s session on July 18th)
Phonegap Method (web app into native)
- Phonegap
- YouTube – Cross-Platform Web Development with PhoneGap
- YouTube – Build Native iPhone Apps with HTML, CSS, JavaScript and PhoneGap
Javascript Frameworks/jQuery etc.
These are javascript resources for touch/swipe events. There are many choices. Much depends on what you want to do.
- jQuery
- jQuery Fundamentals
- jQuerymobile
- jQTouch (download this to access javascript for touch devices)
- Sencha
- jQuery Swipe
- iScroll
- xuijs
- zepto
- joapp
- Drag Drop Javascript Library for iPad & iPhone
- scrolling inside a div
- iscroll
- swipe demo
Sketching/Mock-up templates
Mobile Web Design (articles)
- Building iPhone Apps with HTML, CSS, and JavaScript, 1st Edition
- Mag+ on Vimeo
- Three iPad design choices that will influence how we read news online » Nieman Journalism Lab
- Books in the Age of the iPad — Craig Mod
- iPad Application Design » Matt Legend Gemmell
- Preparing Your Web Content for iPad
HTML5 and CSS3 Tutorials & Resources
- HTML5 Rocks – A resource for open web HTML5 developers
- Dive Into HTML5
- Safari Dev Center – Apple Developer
- HTML5 Visual Cheat Sheet (Reloaded) – woorkup.com
- Google Web Fonts
HTML5 Canvas/Games
HTML5 Video & Audio
- Video on the Web – Dive Into HTML5
- Safari and HTML5 Video and Audio
- Introduction to HTML5 video – Opera Developer Community
Offline Caching
- Offline Web Applications – Dive Into HTML5
- How to create offline webapps on the iPhone | The CSS Ninja – All things CSS, JavaScript & HTML
- Safari Client-Side Storage and Offline Applications Programming Guide: HTML 5 Offline Application Cache
- HTML5 Rocks – A Beginner’s Guide to Using the Application Cache
- Add-to-Home-Screen pop-up
- Building a iPhone and iPad Web App using HTML 5 and Javascript | JakeBoyles.com
Flickr API
Google Maps API
- Simple Maps API Template
- Google Maps API V3 Basics
- Mobile Mapping on Android and iPhone Using the Google Maps JavaScript API
- Overview of Mobile API Options
API Mash-Ups
Video Capture
- iShowU
- http://clipnabber.com/
- http://www.jdownloader.org/
- https://addons.mozilla.org/en-US/firefox/addon/easy-youtube-video-downl-10137/
- https://addons.mozilla.org/en-US/firefox/addon/video-downloadhelper/
- http://www.videolan.org/vlc/
Video Compression
Audio and Video Resources
- Royalty Free Music website
- Using audio and video in Firefox – MDC
- Internet Archive: Free Downloads: Prelinger Archives
- Internet Archive
- Home | ourmedia.org
- blip.tv (beta)
- AT&T Labs Text-to-Speech: Demo
- FindSounds – Search the Web for Sounds
