Section links when clicking on a heading

[robinrendle]

Hey @csswizardry,

It would be neat if you could click on a heading and get a link to that particular section of the docs – sort of like articles on A List Apart.

[csswizardry]

A good idea! I shall have to see if there’s a GH Pages-supported Jekyll plugin for that :)

[nenadjelovac]

@csswizardry Until you find plugin, you can simply do something like this:

<h3 id="section-id"><a href="#section-id">SECTION NAME HERE</a></h3>

Then after a click you can manually copy from address bar.

I needed this soooo many times now when I'm doing someone's code review and want to send them to cssguidelines ;) :D

[oltodo]

👍

Sometimes, I try to explain some things to some people based on your CSS guidelines. I'd like to give them a link for access directly to a section. But I'm forced to say something like that :

See http://cssguidelin.es/ at section "Naming UI Components"

[nenadjelovac]

@oltodo exactly my usecase :) I offered a quickfix above ;)

[jimmynotjim]

@oltodo the headings are linked from the Table of Contents, I just grab the url from there. A small 🔗 icon with a copy to clipboard script next to headings would be a nice addition.

[oltodo]

Thanks @nenadjelovac !

@jimmynotjim That's right for the table of contents, I had not thought about..

[nenadjelovac]

@jimmynotjim yup, you can use it like that. But why scroll (if you are at the middle of the page in the middle of reading) to the top if you don't have to? #firstWorldProblems :D