Schedule: Browser tools sessions

Between race conditions, object references, and async stack traces, JavaScript can be hard to sift through. Modern browsers offer many tools for debugging, so why not use them? And now that Node works out of the box with DevTools, you can step through your Node stack too. Wayne Elgin illustrates the latest ways to masterfully march up and down your stack and solve your code’s greatest mysteries. Read more.

Venture deep into the belly of the browser to uncover the secret to instantly loading anything—backed by data. Addy Osmani explains how to use preload, prefetch, preconnect, HTTP/2 server push, service workers, and more and how to ship JavaScript bundles on mobile that don't break the bank as he shares data-driven techniques and performance patterns for efficiently loading content instantly. Read more.

Ten years into the smartphone era, our media consumption is growing at an alarming rate, increasing page weights along the way. Henri-R Brisard discusses image formats, their impact on browsing from a rendering to a UX perspective, the tools and processes in place to address their mismanagement, and the reasons developers must exercise vigilance in a growing and worldly audience of users. Read more.

Venture deep into the belly of the browser to uncover the secret to instantly loading anything—backed by data. Addy Osmani explains how to use preload, prefetch, preconnect, HTTP/2 server push, service workers, and more and how to ship JavaScript bundles on mobile that don't break the bank as he shares data-driven techniques and performance patterns for efficiently loading content instantly. Read more.

Creating a lasting style guide that the product team will actually use and adopt is challenging. Archana Sankaranarayanan demonstrates how to build a style guide instantly with an Atomic CSS-based starter that ensures accessibility, performance, and engineering and design efficiency and shares some PostCSS tools to help grow the style guide, maintain it, and ease its adoption. Read more.

Learn how to make your web pages react to the real world by leveraging web Bluetooth. Jen Looper explores using web Bluetooth in real-world scenarios, such as connecting to web beacons to enhance educational experiences. With web Bluetooth, the path to “walking up and using anything” promised by the physical web just got easier, more streamlined, and a lot more fun to use quickly. Read more.