A presentation at HalfStack London in in London, UK by Chris Heilmann
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
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
The web isn’t text editors, FTP clients and browsers any longer. We build complex things and we use a lot of complex tools to create them. This means we can feel spoiled by choice and overwhelmed with decisions. Let’s take a look at how technology can help us make the right ones for the good of our users.
The following resources were mentioned during the presentation or are useful additional information.
Linting and testing for all the issues Webhint covers right in your editor. This means you learn about mistakes before you put them live.
An experimental extension for Visual Studio Code allowing you to include developer tools from the browser and remotely driving the browser
Remotely controlling the browser.
Download the preview of the browser that will land on 15th of January for Windows users. Available for Mac and Windows in three versions: Beta (updates every 6 weeks), Dev (updates every week) and Canary (updates daily).
Here’s what was said about this presentation on social media.
for free. You
can too.