GoogleChromeLabs / progressive-tooling

A list of community-built, third-party tools that can be used to improve page performance
https://progressivetooling.com/
Apache License 2.0
546 stars 32 forks source link

Modify list view #5

Open housseindjirdeh opened 6 years ago

housseindjirdeh commented 6 years ago

List view makes sense for wider screens, but can be a lot to scroll.

untitled1

@ashwin-sureshkumar made the solid suggestion of maybe keeping things in cards but still allowing the user to scroll vertically:

image

Interested in hearing opinions. Will this be preferred? Not sure if I would prefer the layout myself so will like to hear other people's thoughts on this first.

If folks prefer, will definitely be open to PRs 🚀

johnstew commented 6 years ago

~Hi there! I think providing both might not be a bad idea with a button at the top for list view and card view. Default can be either. Open to suggestions there.~

😄 looks like this was already done. Apologies!

How does everyone feel about the horizontal scroll for card view though?

housseindjirdeh commented 6 years ago

@johnstew cheers :) Yep we have a toggle that switches between the two views.

Most folks I've talked to aren't fans of horizontally scrolling on desktop but agree it makes perfect sense for mobile. Are you thinking what I'm thinking? Show horizontal scroll for the card view on small screen sizes but show a top down vertical list of cards (like the second image in my previous comment) for the card view on desktop? 🤔