30
Website Debugging with Vorlon.js Joshua Drew Sr Technical Evangelist @ Microsoft @jdruid / Drew5.net

Website Debugging with Vorlon.js

Embed Size (px)

Citation preview

Page 1: Website Debugging with Vorlon.js

Website Debugging with Vorlon.js

Joshua DrewSr Technical Evangelist @ Microsoft@jdruid / Drew5.net

Page 2: Website Debugging with Vorlon.js
Page 3: Website Debugging with Vorlon.js

Bain News Service, Bain News Service,

Kodak

Page 4: Website Debugging with Vorlon.js
Page 5: Website Debugging with Vorlon.js

Photo Credit: Geoff Charles

Page 6: Website Debugging with Vorlon.js
Page 7: Website Debugging with Vorlon.js

Photo credit: Tyne & Wear Archives & Museums

Page 8: Website Debugging with Vorlon.js

Clemson University Library Christopher Titzer

Page 9: Website Debugging with Vorlon.js
Page 10: Website Debugging with Vorlon.js

http://bradfrost.com/blog/post/this-is-the-web/

Page 11: Website Debugging with Vorlon.js

http://bradfrost.com/blog/post/this-is-the-web/

Page 12: Website Debugging with Vorlon.js

http://bradfrost.com/blog/post/this-is-the-web/

Page 13: Website Debugging with Vorlon.js
Page 14: Website Debugging with Vorlon.js

Web Platform

Status

Cross-browser

testing

Feature

Detection

Responsive

and plug-in

free

JS frameworks

& libraries

CSS prefix

best practices

14

Page 15: Website Debugging with Vorlon.js
Page 16: Website Debugging with Vorlon.js
Page 17: Website Debugging with Vorlon.js

• http://bit.ly/vorlonplugin

Page 18: Website Debugging with Vorlon.js
Page 19: Website Debugging with Vorlon.js

• <script src="http://localhost:1337/vorlon.js"></script>

Page 20: Website Debugging with Vorlon.js

http://bit.ly/VorlonJSDemoWebSite

http://bit.ly/VorlonJSDashBoard

Page 21: Website Debugging with Vorlon.js
Page 22: Website Debugging with Vorlon.js

• http://bit.ly/vorlonplugin

• Visual Studio Web Camp Kit

Page 23: Website Debugging with Vorlon.js
Page 24: Website Debugging with Vorlon.js

https://dev.windows.com/en-us/microsoft-edge/tools/staticscan/

Run a quick code scan on any URL to check for out-of-date libraries, layout issues, and accessibility.

Page 25: Website Debugging with Vorlon.js

Browser screenshots

See how your site renders across

9 common browsers and devices.

Powered by BrowserStack.

https://dev.windows.com/en-us/microsoft-edge/tools/screenshots/

Page 26: Website Debugging with Vorlon.js

Test EdgeHTML with Remote

Test how your site will render in

Microsoft Edge from Mac OSX,

iOS, Android and Windows.

https://dev.windows.com/en-us/microsoft-edge/tools/remote/

Page 27: Website Debugging with Vorlon.js

Download virtual machines

Test Microsoft Edge and versions

of IE6 through IE11 using free

virtual machines you download

and manage locally.

https://dev.windows.com/en-us/microsoft-edge/tools/vms/windows/

Page 28: Website Debugging with Vorlon.js

Visual Studio Code

Build and debug modern web

and cloud applications. Code

is free and available on your

favorite platform - Linux, Mac

OSX, and Windows.

code.visualstudio.com

Page 29: Website Debugging with Vorlon.js
Page 30: Website Debugging with Vorlon.js