processing / processing/p5.js-website

Main navigation items are squeezed together

Open
#612 5 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Feature Request
Dominant language
MDX
Stars
96
Forks
322
Avg merge
5d 22h
Merged PRs (30d)
8

Description

Increasing Access

Improves navigation accessibility.

Most appropriate sub-area of p5.js?

Navigation

Feature request details

Hi folks👋🏻 This is my very first contribution, so feedback is more than welcome! ❤️

I noticed items in the main navigation (as well as in a footer) are pretty squeezed together. It could negatively impact user experience, especially on mobile devices without precise pointers and lead to clicking an undesired link.

Screenshot of the main navigation items:
Screenshot of the main navigation items

Solution to this issue would be adding more padding between each item, similarily to jump to section:

p5js org_examples_ (2)

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the main navigation and footer entry points, then compare their item spacing with the jump-to section shown in the issue. Increase the spacing between navigation items, including on mobile, and verify that links are easier to target without disrupting the layout.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.