# Bruce Lawson presentation - HTML specification link or PDF?

**URL:** <https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243>\
**Category:** Web Development Bootcamp\
**Created:** [September 2, 2021, 10:52pm UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243 "2021-09-02T22:52:17Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![casserole27](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/casserole27/32/1279_2.png) [@casserole27](https://group.classcentral.com/u/casserole27)\
**Post date:** [September 2, 2021, 10:52pm UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/1 "2021-09-02T22:52:17Z")

</div>

I believe Bruce Lawson mentioned something about a developer version of the HTML specification available as a PDF? Or maybe it was just a link? Where might I find that? Thank you!

Also, another great presentation! Thank you to the folks who have been putting these together!

---

<div class="post-metadata">

**Author:** ![tpx2595823](https://avatars.discourse-cdn.com/v4/letter/t/4af34b/32.png) [@tpx2595823](https://group.classcentral.com/u/tpx2595823)\
**Post date:** [September 3, 2021, 11:59am UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/2 "2021-09-03T11:59:35Z")

</div>

Think this smight be what he was referring to? correct me if I’m wrong  
[https://html.spec.whatwg.org/dev/](https://html.spec.whatwg.org/dev/)

---

<div class="post-metadata">

**Author:** ![manoel](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/manoel/32/39_2.png) [@manoel](https://group.classcentral.com/u/manoel)\
**Post date:** [September 3, 2021, 12:40pm UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/3 "2021-09-03T12:40:58Z")

</div>

For those that might have missed the presentation 😉

[![](https://us1.discourse-cdn.com/flex016/uploads/ccstudygroup/original/2X/5/5d3cee950872d8536fd18801cf0a00821e755246.jpeg "How Timbo Made Loveliness: the Web & HTML (Bruce Lawson)") ](https://www.youtube.com/watch?v=tgXbbOirY8o)

---

<div class="post-metadata">

**Author:** ![drif](https://avatars.discourse-cdn.com/v4/letter/d/258eb7/32.png) [@drif](https://group.classcentral.com/u/drif)\
**Post date:** [September 3, 2021, 3:26pm UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/4 "2021-09-03T15:26:30Z")

</div>

From my notes, 31:25

```
    5:41	https://html.spec.whatwg.org/multipage/
6:12	BOOK https://introducinghtml5.com
		https://www.w3.org/WAI/standards-guidelines/wcag/
9:05	http://zhzip.com - Jooly’s Joint
16:52	BOOK https://onlybooks.org/the-technique-of-furniture-making
19:23	BOOK https://books.google.com/books/about/Japanese_Woodworking_Tools.html?id=IO9TAAAAMAAJ
31:25	https://html.spec.whatwg.org/dev/introduction.html
36.30	https://www.w3.org/TR/html-design-principles/
43:31	https://vimium.github.io. Keyboard navigation HT @manocormen
49:08	https://brucelawson.co.uk
55:26	https://kryogenix.org/code/browser/everyonehasjs.html
58:45	https://wicg.github.io/aom/explainer.html
1:03:19 https://webaim.org/projects/screenreadersurvey5/
1:07:42 https://developers.google.com/search/blog/2019/04/enriching-search-results-structured-data
1:09:05 https://schema.org
1:14:51 https://ada.is/contrast-widget/
1:15:36 https://www.tenon-ui.info
1:18:50 https://www.htmhell.dev/tips/the-avif-image-format/
1:32:45 https://webaim.org/resources/contrastchecker/
1:36:18 http://validator.w3.org
```

---

<div class="post-metadata">

**Author:** ![casserole27](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/casserole27/32/1279_2.png) [@casserole27](https://group.classcentral.com/u/casserole27)\
**Post date:** [September 3, 2021, 8:52pm UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/5 "2021-09-03T20:52:39Z")

</div>

Thank you! That is very detailed.

---

<div class="post-metadata">

**Author:** ![jesslynnrose](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/jesslynnrose/32/573_2.png) [@jesslynnrose](https://group.classcentral.com/u/jesslynnrose)\
**Post date:** [September 6, 2021, 7:59am UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/6 "2021-09-06T07:59:22Z")

</div>

Bruce has been lovely enough to share his slides with us in PDF form

You can find them [here](https://drive.google.com/file/d/1TcK5Jz4PiRdyq7Djyoieoa47EdrXGcA4/view).

If you wanted to chat to Bruce or say thanks for his presentation, here’s where he [lives on Twitter](https://twitter.com/brucel).

---

<div class="post-metadata">

**Author:** ![lucacavallo2594096](https://avatars.discourse-cdn.com/v4/letter/l/ecb155/32.png) [@lucacavallo2594096](https://group.classcentral.com/u/lucacavallo2594096)\
**Post date:** [September 6, 2021, 4:49pm UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/7 "2021-09-06T16:49:10Z")

</div>

I watched the Bruce Lawson guest session yesterday and it kinda hit me the “Built-in beats Bolt-on. Bigly.” concept. So, just to be make peace with my mind: is it better practice, for example, to style a text (font, color, size, etc.) directly in html?

---

<div class="post-metadata">

**Author:** ![deborahsalves](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/deborahsalves/32/1263_2.png) [@deborahsalves](https://group.classcentral.com/u/deborahsalves)\
**Post date:** [September 8, 2021, 11:10am UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/8 "2021-09-08T11:10:38Z")

</div>

Not at all. The idea is that the structure is HTML, the styling is CSS.

If you are old enough, think about webpages back in the 2000s. Or about how a page loads nowadays when your connection is poor: you basically bigger/smaller text, some underlined, blue (active) links and maybe a menu with a bullet list. That is the structure. The “menu” is in its core a list of contents, right? (as it is in a restaurant’s menu, or in the index of a school paper). The title is just text that you highlight (bigger, bolder) to let the reader know what a bunch of paragraphs is about. That is the structure of your page.  
(If you’ve never seen a page like that, try CTRL+U (command+U) in any webpage, copy and paste the code to a local .html file in your computer and open it in a browser. You’ll see how all styling goes away and you’re left with pure structured content)

Now, if you take the exact same content and apply different stylesheets, you can have a website look completly different, though the content and its structure remain the same. Think of a website that was built in the 2000s, ugly AF, and then got refurbished a few years later. It now looks much prettier, but the content is still the same.

You if you wanna look further, this concept is called _separation of concerns_. That is: you got structure/content on one file (.html), style on another (.css), interactivity on another (.js) and so on and so forth

Hope that helped, if I was too confusing, let me know and I’ll try to be more clear =]

---

<div class="post-metadata">

**Author:** ![lucacavallo2594096](https://avatars.discourse-cdn.com/v4/letter/l/ecb155/32.png) [@lucacavallo2594096](https://group.classcentral.com/u/lucacavallo2594096)\
**Post date:** [September 9, 2021, 3:18pm UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/9 "2021-09-09T15:18:59Z")

</div>

Thanks a lot Deborah, your explanation it’s perfectly clear. I was just a little confused by Bruce’ speech. 😅

---

<div class="post-metadata">

**Author:** ![jillyj2598247](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/jillyj2598247/32/1937_2.png) [@jillyj2598247](https://group.classcentral.com/u/jillyj2598247)\
**Post date:** [September 14, 2021, 4:06am UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/10 "2021-09-14T04:06:28Z")

</div>

Thanks for the useful presentation from Bruce, he mentioned in the Q&A section that there was a Malaysian lady who had some great videos on FIREFOX Dev Tools.  
I wondered if anyone has the link to the videos he mentioned.  
Thanks

---

<div class="post-metadata">

**Author:** ![deborahsalves](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/deborahsalves/32/1263_2.png) [@deborahsalves](https://group.classcentral.com/u/deborahsalves)\
**Post date:** [September 14, 2021, 12:21pm UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/11 "2021-09-14T12:21:41Z")

</div>

@drif has been kind enough (as super thorough!) to share them in [this post](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/4).

---

<div class="post-metadata">

**Author:** ![jillyj2598247](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/jillyj2598247/32/1937_2.png) [@jillyj2598247](https://group.classcentral.com/u/jillyj2598247)\
**Post date:** [September 14, 2021, 10:01pm UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/13 "2021-09-14T22:01:07Z")

</div>

Thanks Deborah,  
I had seen those links.

Bruce, he mentioned in the Q&A section that there was a Malaysian lady who had some great videos on using FIREFOX Dev Tools not just for debugging (I think her name was Chen/Jen?) It was links to these videos that I was trying to get.

---

<div class="post-metadata">

**Author:** ![drif](https://avatars.discourse-cdn.com/v4/letter/d/258eb7/32.png) [@drif](https://group.classcentral.com/u/drif)\
**Post date:** [September 16, 2021, 8:24am UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/14 "2021-09-16T08:24:40Z")

</div>

Oh good catch! Maybe this one?

> **[Using DevTools to understand modern layout techniques](https://dev.to/huijing/using-devtools-to-understand-modern-layout-techniques-3j4o)**
>
> I recently got the opportunity to visit the Mozilla Community Space in Jakarta and speak at MozKopdar JKT with Alex Lakatos.

Her personal site here.

> **[opinion](https://chenhuijing.com/tags/opinion/#%F0%9F%A7%97%E2%80%8D%E2%99%80%EF%B8%8F)**
>
> The chronicles of a self-taught designer and developer.

---

<div class="post-metadata">

**Author:** ![jillyj2598247](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/jillyj2598247/32/1937_2.png) [@jillyj2598247](https://group.classcentral.com/u/jillyj2598247)\
**Post date:** [September 17, 2021, 1:08am UTC](https://group.classcentral.com/t/bruce-lawson-presentation-html-specification-link-or-pdf/8243/15 "2021-09-17T01:08:21Z")

</div>

Hey drif, thanks for the links - that’s great. Will check these out 😃
