Comments (5)
Thanks for opening this, @colebemis! @ashygee suggested that we ask for @stephbwills' input, as GitHub's content style guide don't yet have any specific guidance on how we should name the navigational links.
When I think about these things I channel my former colleagues from 18F, whose own content guide has a lot in common with ours. Here's the part that jumped out for me from the section on technical and interface writing:
Be consistent with how you phrase titles. If your guide or tutorial has several pages, stick to the same naming convention for scannability, such as:
Nouns: Policies, Teams, Offices
Verbs: Create an account, File a report, Download our dataUse sentence case for headings.
Given that we use the phrases "getting started" and "contributing" so frequently, I think that tense makes sense to use elsewhereโbut sparingly! I would suggest something more like the following for side navigation:
- Getting started
- Use the Gatsby CLI
- Contributing
- Theme options
- Navigation
- Hero image
- Favicon
- Writing content1
- Deployment
- Components
- Code examples
- Side navigation
- Site header
But I'd also love to hear from the rest of @primer/ds-core team if anyone has strong opinions!
1 "Writing content" obviously doesn't exist yet, but I would suggest that we have a page that, at the very least, describes our Markdown + MDX configuration.
from doctocat.
What if we consolidated and flattened the navigation into something like this?
- Getting started
- Gatsby CLI
- Customization1
- Writing MDX2
- Live code
- Deployment
- Theme options3
- Components4
- Contributing
1 As @shawnbot, @ashygee and I discussed, "Customization" page would be the consolidation of "Changing the favicon," "Adding a hero," and "Update the side navigation."
2 @shawnbot I like the idea of included a brief overview of how to write MDX. We could do something similar to Docz's "Writing MDX" page.
3 I think "Theme options" should be quick reference for the theme configuration options that can be set in gatsby-config.js
. We can go into more detail about ways to configure the theme in the "Customization" section.
4 "Components" would be an API reference for all the components that Doctocat exports from index.js
similar to what we do on https://primer.style/components.
from doctocat.
@shawnbot What if we moved Theme options
into the Customization
page?
from doctocat.
@shawnbot What if we moved
Theme options
into theCustomization
page?
I think that makes a ton of sense!
from doctocat.
Cool. Working on a pull for these changes right now ๐
from doctocat.
Related Issues (20)
- Standardized examples in Doctocat HOT 1
- Border radius not present in example iframes
- background color error HOT 1
- Stale instructions HOT 2
- Add frontmatter variable to hide "Edit this page" links HOT 2
- Bump @primer/components to the latest version
- Implement `groupBy` functionality for checklists
- Add a built-in component maturity checklist
- Move away from deprecated @primer/react components
- Intermediate breakpoints causes the layout to break on pages with large snippets HOT 1
- Update doctocat to support React 18 HOT 1
- [Feature request] Do not hardcode the word `Primer` in the header component. HOT 1
- [Feature request] Allow customization of the "Edit on GitHub" links HOT 1
- [Feature request] A search page with all results listed HOT 1
- Build output SSRProvider warnings
- Accessibility analysis HOT 1
- Duplicated heading texts should have a unique ID to generate expected anchor link HOT 13
- Add a Dark/Light theme toggle button to the navbar HOT 4
- Test
- Documentation content vertical spacing HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from doctocat.