project_path: /web/_project.yaml book_path: /web/shows/_book.yaml description: If we have to develop for Desktop, Mobile, Tablet, wearables and other form factors, how can you optimize your workflow to make your life less stressful?

{# wf_updated_on: 2017-07-25 #} {# wf_published_on: 2015-02-23 #} {# wf_youtube_id: bZRPetpUcjQ #}

Optimizing your Workflow for a Cross-Device World {: .page-title }

<div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="bZRPetpUcjQ" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div>

If we have to develop for Desktop, Mobile, Tablet, wearables and other form factors, how can you optimize your workflow to make your life less stressful? There's a solid multi-device approach for quick iteration with LiveReload, Grunt, Yeoman, and the newly-unveiled Mini Mobile Device Lab. Lastly, if you don't have the physical hardware you want to test, some providers make it available through the cloud.

Slides: Optimizing your Workflow for a Cross-device world

Key points

• The number of devices that we are going to have to cater for is only going to increase
• Getting your workflow with the right with Grunt{: .external } and Yeoman
• Simplify cross browser and cross device testing with Mini Mobile Device Lab
• Be smart with your emulation choice using Chrome DevTools Emulation, Stock Emulators, Cloud Based Emulators like Saucelabs{: .external }, Browserstack and Device Anywhere and third party emulator Genymotion
• Mobile testing means more than just testing on your wifi connection, use a proxy to simulate slower network speeds