CategoryDevTools

January 16, 2019 — HTML5 introduced thirteen new types of form input, adding significantly to the number of different fields web designers and developers could add to our forms. These new types all require browsers to support them, and take-up has been slower than some of us would have liked. What is the state of those field types in 2019? Which can we use, and which should still be avoided? Read more…

May 23, 2018 — The modern solution to developing for both modern and legacy browsers is feature queries. They allow us to write CSS that is conditional on browser support for a particular feature. In this article Ire Aderinokun explains how she developed the Feature Queries Manager. Find out how this tool can help you suport older browsers, and also how to create your own DevTools extensions. Read more…

February 1, 2018 — JavaScript is essential to any advanced web app, so a strong debugger is a key part of the toolset. In this article, Dustin Driver and Jason Laster find out how the new Firefox JavaScript debugger can help you write fast, bug-free code. They will crack open a very simple to-do app with Debugger divided into three panes: the source list pane, the source pane, and the tool pane.. Here’s how it works! Read more…