Skip to content

Commit 9525910

Browse files
Remove any mention of Firebug and replace with browser devtools (#345)
Firebug is deprecated: [Their own site](https://getfirebug.com/) points users towards the built-in Firefox DevTools. Since we're agnostic about browsers, I've linked to instructions for every major browser's devtools.
1 parent 8c3daa8 commit 9525910

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

html/lesson3/tutorial.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,11 +35,11 @@ In the previous two lessons, we spoke about **H**yper **T**ext **M**arkup **L**a
3535

3636
Inspectors are development tools that help you view, edit and debug CSS, HTML and JavaScript.
3737

38-
Chrome Devtools are already built into your Chrome browser, or Inspector if you are using Firefox. For advanced users, many other tools are available as browser plugins, including the Firefox add-on [Firebug](https://getfirebug.com/).
38+
Developer Tools are already built into all modern browsers, whether you use [Chrome](https://developer.chrome.com/devtools), [Firefox](https://developer.mozilla.org/en-US/docs/Tools), [Edge](https://docs.microsoft.com/en-us/microsoft-edge/f12-devtools-guide), [Opera](http://www.opera.com/dragonfly/) or [Safari](https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html). For advanced users, many other tools are available as browser extensions, including the [Web Developer Toolbar](https://chrispederick.com/work/web-developer/) plugin.
3939

4040
![](assets/images/chrome-devtools.png)
4141

42-
> Ask your coach to show you how to edit the styling on our example page using firebug
42+
> Ask your coach to show you how to edit the styling on our example page using developer tools
4343
4444
## Getting started
4545

@@ -157,7 +157,7 @@ and then the relevant CSS
157157

158158
`inline-block` is another display attribute. You must use `inline-block` rather than `inline` to make the element appear inline because the `div` with the class `title` contains a block element, `<h1>`, that takes over and expands across the end of the line.
159159

160-
> Using firebug, change `inline-block` to `inline` and notice how they render
160+
> Using devtools, change `inline-block` to `inline` and notice how they render
161161
162162
Adjust the alignment of the `.title`
163163

0 commit comments

Comments
 (0)