Editing your HTML and CSS in the browser | WickedlySmart

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.

Pin It on Pinterest

Share This

Give your Brain a Treat!

Don't miss out on brain-friendly updates, new WickedlySmart Projects, early access to books and general cool stuff! Just give us your email and we'll send you something about once a week. Don't worry, we'll never sell your name and you can remove yourself at any time.

Check your email to confirm your subscription.