A comprehensive view of the process and resource needs for building a cross-platform HTML 5 Web app, broken down by the key components. The anatomy diagram provides an excellent view into the complexity involved with building and supporting the app.
“Preview mobile websites, design mockups, and local HTML on Mac or PC.” The preview devices include the iPhone 4, Palm Pre, HTC Evo, Blackberry Storm and more on the way. “Visit any URL or drag and drop local HTML, Flash, or image files”
“Beautiful Boilerplate for Responsive, Mobile-Friendly Development”
A great resource for designers and developers who need to work with multiple-resolutions and devices…wait, that’s all of us!
The package includes (taken form their site):
1. A collection of Photoshop® CS5 marquee-tool presets for common screen resolutions. These cover both fixed-screen resolution sizes and ratios for less common resolutions that fall within standard ratios.
2. A collection of layered Photoshop CS5 PSDs each providing common devices for comping and design presentations. These devices cover the standard ratios and device types (televisions, tablets, smartphones). The screen sizes are to scale to help put designs in accurate and realistic context.
3. A reference chart for resolutions and device landscape.