Going Mobile: Designing iOS, Android, and Web Apps with Standards

WRK9 Workshops
Hill Country C

WEDNESDAY, 1:00 – 4:30PM
There’s been a lot of hype about mobile devices since the debut of the iPhone in 2008, followed by Android and other platforms shortly after. Now that there are thousands of apps being distributed in app stores, many content providers and Web designers would like to participate in this space. But making apps is really technical and requires a lot of programming, right? It can… but it doesn’t have to. In this workshop, you’ll learn how to design a native mobile app by using HTML, CSS, and JavaScript – and you’ll get the code that you’ll need to continue working and designing your own apps. In the process, you’ll learn that your skills as a standards-based Web designer are much more valuable than you may have realized! This workshop will be an expanded version of HighEdWeb 2010’s popular iOS app workshop; it will also cover how to design native Android apps, as well as web apps (for any mobile device), that use similar techniques. Participants of this workshop need to provide their own Macs and download and install the free Apple iOS SDK prior to the conference to fully participate in all aspects of the workshop. Note: the iOS SDK is a very large file and should be downloaded and installed prior to the start of the workshop.

Presenter

Kristofer Layon
Mobile Product Manager, Capella University

He wrote a book called:
“The web designer’s guide to ios apps”

New one coming out soon:
“Mobilizing web sites for mobile”

Content area on 480 iPhone is only 414. 66px are used for header, footer, stays bars.

Together with nimblekit:
We will work with HTML, CSS, JavaScript, Obj C.

Other options include PhoneGap (mimics interface using CSS). jQTouch helps if look like iOS/android.

Sencha Touch – lots with JS

Appcelerator

Responsive design with a grid framework – bluprintcss.

Jquery mobile.