Skip to content

Add permalinks for headings in tutorials #1398

@davepagurek

Description

@davepagurek

Increasing Access

Our tutorials are fairly long and cover a lot of things, so it's helpful to be able to send someone a link directly scrolled to a section in the middle of the tutorial.

Most appropriate sub-area of p5.js?

Home

Feature request details

See for example how MDN lets you do this: when you hover over a heading, you'll notice it's a link. Clicking it scrolls to that heading and changes the URL (e.g. https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation#examples) which can then be copied and sent to people.

Under the hood this means either adding an <a> tag to each heading with a unique id attribute, ideally uniquely made from the text of the heading. Will also need some CSS styling to make this discoverable but not overwhelming (we should probably not style headings like regular links.)

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions