This story was written by Keith Dawson for UBM DeusM’s community Web site Develop in the Cloud, sponsored by AT&T. It is archived here for informational purposes only because the Develop in the Cloud site is no more. This material is Copyright 2012 by UBM DeusM.

Friday Four: Nokia's Tips & Responsive Images

An HTML5 security cheat-sheet, Chrome packaged apps, and more.

This week on the Friday Four: Nokia's tips For Windows 8 developers, an HTML5 security cheat-sheet, building Chrome packaged apps, and more.

Nokia's tips for Windows Phone 8 app developers
Nokia has produced a half-hour video (embedded below) giving tips and best practices for developing apps for Windows 8 devices, such as Nokia's own Lumia smartphones.

Here are the slides if you don't have time to invest in the video. Nokia product manager Jure Sustersic provides 11 tips -- app features and behaviors of the developer that separate the most successful apps from the least. Top of the list: use a Freemium model. According to Sustersic, such apps achieve 7 times the revenue of those based on other models.

Nokia's developer site has lots more information.

An HTML5 security cheat-sheet
Here is a comprehensive list of "what your browser does when you look away," in the words of the site. It details 136 attack vectors in 13 categories to which browsers are heir. You can filter by keyword, browser version, etc. For each vector the cheat-sheet tells you what the bad guys can do to get in and what you need to do to stop them. Despite the site's name, the resource describes plenty of browser vulnerabilities that predate HTML5.

Automatically responsive images
Responsive Img is a sweet little package consisting of a jQuery plugin and a PHP module that work together to make images responsive to display size without further effort on the developer's part. The package can either select alternate image source files, or silently create new images at pre-defined sizes. Try viewing the linked site at different browser widths; its design is itself responsive and its images resize using the package described. Responsive doesn't get much easier than this.

Building Chrome packaged apps using AngularJS
Google has put up a step-by step guide to developing packaged apps for Chrome, using the AngularJS MVC framework. The guide walks through a real live app, namely the uploader for Google Drive (source is on GiHub). It uses the HTML5 drag-and-drop APIs and OAuth2 for authentication, as well as the Google Drive API.

The Friday Four gives a hat tip each week to Ron Miller, whose collection of five links for developers and IT pros runs weekly on

Related links