Difficulty to explore the resource page @ https://angular.io/resources

[bhargava-raju]

📚 Docs or angular.io bug report

Description

**EXPLORE ANGULAR RESOURCES** @ https://angular.io/resources needs to be sturctured to be able to navigate to all resources with improved user experience. A lone scroll bar in this page will not help the reader a great deal in exploring the resources.

🔬 Minimal Reproduction

Go to https://angular.io/resources

What's the affected URL?**

https://angular.io/...

Reproduction Steps**

Expected vs Actual Behavior**

User should be able to nagivate the various aspects of the angular resources with ease. The current page is unable to provide a glimpse of all the resources at one place as well.

📷Screenshot

🔥 Exception or Error

🌍 Your Environment

Browser info

Anything else relevant?

[gkalpak]

Quite true. The resources page is getting unwieldy.
We should at least have a Table of Contents in there. Possibly also break the page up into multiple tabs (e.g. Development, Education, Community), similar to the contributors page.

[bhargava-raju]

I will work on this.

[ajitsinghkaler]

@bhargava-raju can I help you on this

[ajitsinghkaler]

@bhargava-raju @gkalpak I think for the first change we can just convert the headings into expansion panels.

[gkalpak]

Not sure what you mean, @ajitsinghkaler? Can you elaborate?

[ajitsinghkaler]

Something like this I wanted to suggest an expansion panel for all the headings in the angular resources page.

[gkalpak]

Oh, I see. Personally, I would rather use the tabbed approach we use in the About page (as mentioned in #33526 (comment)), mainly for consistency/having less different "UI concepts" on the website.

But this is up for debate.

@sjtrimble: Any ideas?

[ajitsinghkaler]

@gkalpak Yeah we can add tabs but we have two levels of headings even then we may have to use something like this.

Like for development, the education, the community we may use tabs but for the rest, we can use expansion panels. What are your thoughts on this.

[gkalpak]

Let's take is one step at a time 😃
I would say let's split them up by the first level and then we can decide what to do on the second level if/when needed.

[sjtrimble]

I agree with @gkalpak - tabs would be great as we have on the https://angular.io/about page.

I also suggest adding an "ALL" tab so that someone can easily search through something they are looking for in particular.

This would be a great next step and improvement from what we have.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}