Wednesday, March 11, 2015

How to Improve Your Workflow With BrowserSync 2.0

Web development involves considerable trial and error. Does this resemble your technique?…



  1. Open your site in a browser.

  2. Write or edit a line or two of code.

  3. Hit the browser's refresh button. Return to step 2.


Then repeat -- in multiple browsers on multiple devices using a variety of test methods. How many hours did this incur during the past year? Fortunately, there are tools which can radically improve your work rate. I've been using BrowserSync for a year and it's revolutionized my workflow. Version 2.0 has just been released and it's even better. The latest edition offers: Live reloading Modify a file and your page will reload in all browsers. CSS is re-injected so the full page doesn't need to be refreshed. Interaction synchronization Your scroll, click and form actions are mirrored across every browser. This is especially useful when testing mobile devices; you can modify an input field on your desktop and the same string will appear on all attached phones and tablets. Goodbye on-screen keyboards!

Continue reading %How to Improve Your Workflow With BrowserSync 2.0%




by Craig Buckler via SitePoint

No comments:

Post a Comment

This website attempted to run a cryptominer in your browser. Click here for more information.