Chrome and Safari both allow you to edit and experiment with your HTML and CSS right in the browser. The tools and features available in both these browsers have expanded considerably in the past couple of years, giving developers many more options for experimenting with and debugging HTML, CSS and JavaScript.

In these videos, I show you how to use the developer tools in Chrome and Safari to edit your HTML and CSS, and to get easier access to elements using the JavaScript console. The videos are similar, although the two consoles are a bit different, so if you test your pages in multiple browsers, it’s worth watching both.

Editing your HTML and CSS in Chrome

Editing your HTML and CSS in Safari

Related Videos

Using the Console: Get a quick overview of the features in the Chrome and Safari developer consoles.

Don't miss out!!

Don't miss out on brain-friendly WickedlySmart updates early access to books and general cool stuff! Just give us your email and we'll send you something about once a week. 

You have Successfully Subscribed!