Reconsidering open web tooling Chris Heilmann @codepo8 – HalfStack London 2019

Chris Heilmann @codepo8 Walking in my shoes…

Construction time again Zoher Ghadyali @ZGhadyali Erica Draud @hiamerica Rachel Weil @partytimeHXLNT Brendyn Alexander @webrendyn

More than a party Enable web developers to be more productive as they create and maintain their web sites and apps

Everything counts Performance Interoperability Enable web developers to be more productive as they create and maintain their web sites and apps Security App-readiness Accessibility Maintenance/Automation

Policy of Truth Performance Security Accessibility Interoperability App-readiness Maintenance/Automation

Suffer well… Time? Lust?

Shake the disease…

A pain that I’m used to… Performance Security Accessibility Interoperability App-readiness Maintenance/Automation

Get the balance right DEVELOP DEBUG Learn + Improve Web and other communication channels

Pleasure little treasure

webhint.io

webhint.io

Webhint in browsers https://aks.ms/webhint4firefox https://aks.ms/webhint4chrome https://aks.ms/webhint4edge

Webhint in visual studio code https://aks.ms/webhint4code

webhint.io

People === People

Speak and Spell Speak and spell

told you so

Now, this is fun! a t n e t n o c l a t n e m i r e p x E ! ! ! d hea

The sweetest condition https://aks.ms/elements4code

Debugging inhttps://aks.ms/elements4code elements

Editing in elements

World full of nothing

Only when I lose myself

● root ○ ○ ○ div #1, 5 div #2, 2 div #3, 4 ■ div #4, 6 ■ div #5, 1 ■ div #6, 3

Black Celebration Ex pe rim en ta lp re vie w !!!

New life Developing From your IDE to your bundler, type system, transpilers, and linters there are many complexities when prepping code to run in the browser Browser DevTools & extensions, best practice analyzers, Fiddler, and more come together to help us find & fix issues Debugging Delivering We turn to automation & testing, CI/CD systems, cloud hosting, and analytics engines to ship & ensure quality across all browsers & platforms

If you want Develop Debug Code Code

  • webhint
  • Elements aka.ms/webhint4code Code + Debugger aka.ms/debugger4code aka.ms/elements4code
  • DevTools aka.ms/edgeinsider webhint + DevTools aka.ms/webhint4chrome Deliver webhint + DevTools aka.ms/webhint4edge webhint + DevTools aka.ms/webhint4firefox WebDriver aka.ms/msedgedriver webhint +

Coming soon! webhint Livesite Scanner aka.ms/webhint4node webhint.io

Blasphemous Rumours

Behind the wheel

The Bottom Line TEAM

Something to do Get the new Microsoft Edge (Mac/Windows): https://aka.ms/edgeinsider Every Night Every Week ~Every Six Weeks Mid-January for all!

Just can’t get enough…

See you Chris Heilmann @codepo8 @edgedevtools @msedgedev