A Sketch plugin to properly view your design in browser
A Sketch.app plugin to properly view your design in browser.
View your artboard in browser, with proper scrolling - unlike Sketch Mirror's web preview feature.
Your design will be aligned to the center of the browser. The background color on the empty spaces will be the same as the background color of your artboard
Your artboard will be automatically scaled up to @2x for better preview on retina displays. (Provided that you design in @1x 😬)
Preview in Browser.sketchplugin
"Cmd+Shift+.
to open it in the browser (You'll have to do this on every changes as this is not a live preview of your artboard)Thanks to Lastroom's Sketch Command for providing the base code for the preview method. All I did was to improve the code, clean up the HTML markup output, and add a method to scale the artboard to @2x - for better preview on retina displays.
Have any suggestions or feedbacks? Hit me up on Twitter @gaddafirusli