Sublime – text editor for Mac
- Minify, compiles
- live browser reloads
- JSHint, JSLint
- Watches all files in direcotry for reloads
Great sites for good design patterns for mobile dev:
- http://www.mobile-patterns.com shows app screenshots to get ideas
- pttrns.com is also nice
Great HCI guidelines from Android, iOS, Safari, etc. can be found on their respective websites
Start with boilerplates from SenchaTouch, bootstrap, and maybe even jqueryMobile
github.com/ftlabs/fastclick for improving perfomance of button clicks (usually delayed by 300ms for pinch zoom, slide, etc.)
To debug, jsconsole.com can be used for remote debugging on other devices and will show stuff on site….coolio.
Hammer.js is cool for jestures to listen to those events
brian.io/lawnchair good to store some transient data by abstracting away for IndexDB, WebSQL or LocalStorage
@media, cool for high density resolution or using CSS -webkit-image-set for both 1x and 2x image densities for hi-rez icons
CharlesProxy good to test network latency or Network Link Conditioner on Mac
Chrome Dev Tools have cool features to override geolocation, user agent, and device orientation
Android and Safari remote debugging possible but need USB cable to connect.
m.chromeexperiments.com to show off your skills.
new.mcrbug.com for filing any bugs
User Experience is x-axis and Platforms is y when trying to decide whether to go native or not, lower-right native, upper-left is hybrid. Left of line is better for hybrid because of hardware acceleration and browser improvements.
- Keep small footprint by limiting libs
- Use touch events, not click events
- Use hardware accelerated CSS transitions
- Avoid network access and cache locally.
zepto.js is a lightweight version of jquery that doesn’t worry about legacy browsers