What’s Before Mobile First? Workshop at SXSW interactive
with Ken Tabor
with Ken Tabor
March 17, 2015 | SXSW Interactive | JW Marriott Austin
Ken Tabor’s workshop was divided into 6 parts-
Chrome Developer Tools
Developer tools are tucked inside Google’s browser. These allow you to inspect your web page as you view it. Use it to remotely debug a website, or native app webview, running on an Android device attached to your dev machine. Emulate mobile hardware: geolocation, screen size, and touch events.
Alternatives: Firefox, Internet Explorer, Safari, Opera
Developer tools are tucked away in Apple’s web browser. These allow you to inspect the web page you’re reading. Remotely debug a website in mobile Safari on an attached iOS device, or simulator.
Alternatives: Firefox, Internet Explorer, Chrome, Opera
Simulates an iOS-based device on your OS X powered dev machine. It’s great for testing websites in mobile Safari. Use this to keep mobile-first minded while you’re building without mobile hardware.
Alternatives: Android Emulator
Fast zombies scare me. So do platform specific bugs.
This leading analytics system has a free tier making it easy to pull into your website. Measure active customer interaction on your site. Report passive data: region, screen size, and O/S details. Programmers can integrate with their Android and iOS native apps too.
Alternatives: MixPanel, KISSmetrics, Optimizely, Chartbeat, Piwik, Clicky
Part of delivering a fantastic user experience is site performance. You want it performing properly, and customers want it performing fast. Use this tool to specifically measure how quickly your website loads across the network.
Alternatives: Charles Proxy, WebPageTest, XCode Network Link Conditioner
Automate the manual testing done by your quality assurance team. Launch your site on several phones at once, and commands entered into one controls all of the others.
Alternatives: BrowserSynch, Edge Inspect
If it didn’t happen twice then it didn’t happen once. If it happens three times you’ve gotta fix it.
You and Your Brain
You could do lots of things by hand, but at the cost of boredom. Replace yourself with these software robots that love performing routine tasks.
Alternatives: Grunt, Gulp, Emmet, PhantomJS, JSLint, Minify, Concatenate, Selenium, CodeKit, Sass, LiveReload, Bower, Yeoman, Jenkins
Buy your code editor. Master it, and master yourself.
Alternatives: Atom, Sublime, Eclipse, Brackets