Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[website] Refine website before go-live #28081

Merged
merged 100 commits into from
Sep 15, 2021

Conversation

siriwatknp
Copy link
Member

@siriwatknp siriwatknp commented Sep 1, 2021

Final Webtest Result (on homepage): https://webpagetest.org/result/210915_BiDcG7_bd7e213b183b37e5cac8252ed9780392/1/details/
Screen Shot 2564-09-15 at 10 34 03


Suggestion from @oliviertassinari, We are getting closer to the release 🥁. I have noticed the following issues that we might want to fix:

Screenshot 2021-08-30 at 21 34 26

Screenshot 2021-08-30 at 21 35 01

  • GitHub stars are already out of date 😁

Screenshot 2021-08-30 at 21 36 17

beforeafter
Screenshot 2021-08-30 at 23 14 59Screen Shot 2564-09-01 at 13 52 05
  • The social sharing image is broken, and we likely don't have the visual yet. it is because the new image is not release yet, I think let's review the image instead. @mbrookes suggest that the tagline should change so this image should change too. @danilo-leal what do you think about adding "building" from matt's suggestion?

Screen Shot 2564-09-01 at 13 46 35

https://cards-dev.twitter.com/validator

Screenshot 2021-08-30 at 23 29 25

and

Screenshot 2021-08-30 at 23 29 46

  • The structure here is a bit counter-intuitive, it's a button > div > a. It's not meant to be valid. may be later because it needs design change.

Screenshot 2021-08-30 at 23 45 56

Screenshot 2021-08-30 at 23 51 36

Suggestion from @mbrookes

  • homepage title from the discussion, go with "framework".
-title="MUI: A popular React UI framework"
+title="MUI: A popular React UI component library"
  • homepage description
-description="The ultimate solution for your UI. MUI provides a robust, customizible and accessible library of foundational and advanced components, enabling you to build your own design system and develop React applications faster."
+description="The ultimate solution for building your UI. MUI provides a robust, customizible and accessible library of foundational and advanced components, enabling you to build your own design system and develop React applications faster."

There's something missing to balance with "solution". Solution to what problem? "building your UI" seems to be the problem statement. The alternative is to replace "solution" (or the whole phrase!) with something else...


@siriwatknp siriwatknp added the website Pages that are not documentation-related, marketing-focused. label Sep 1, 2021
@mui-pr-bot
Copy link

mui-pr-bot commented Sep 1, 2021

No bundle size changes

Generated by 🚫 dangerJS against 2c23853

@siriwatknp siriwatknp mentioned this pull request Sep 1, 2021
1 task
@siriwatknp
Copy link
Member Author

The structure here is a bit counter-intuitive, it's a button > div > a. It's not meant to be valid.

@oliviertassinari to fix this, I think it needs design change. I don't think it is worth the afford at this point.

@siriwatknp
Copy link
Member Author

-title="MUI: A popular React UI framework"
+title="MUI: A popular React UI component library"

@mbrookes are you sure? I have seen multiple places are using "framework". I don't have strong opinion, either word works for me. @oliviertassinari what's your thought?

@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label Sep 1, 2021
@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label Sep 1, 2021
@siriwatknp siriwatknp merged commit 1ad7fa1 into mui:master Sep 15, 2021
@@ -18,7 +18,7 @@ export default function Pricing() {
return (
<BrandingProvider>
<Head
title="Pricing - MUI"
title="MUI: Pricing"
Copy link
Member

@oliviertassinari oliviertassinari Sep 15, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Are we sure about this change? I'm asking because:

  1. When you have multiple tabs open, you have a limited space to display. The logo already allows differentiating MUI tabs from the other.
  2. On the docs page, we have - MUI

https://github.com/mui-org/material-ui/blob/54bcde1070ca17b466972ffc008d03637b69a3d8/docs/src/modules/components/AppLayoutDocs.js#L90

  1. I used title="MUI: on the homepage because it's the homepage 😁

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm for "Pricing - MUI"

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah, right. I guess {title} - MUI works fine too. I just had it changed to all pages so they are standardized. Only Pricing and About were following this pattern... But feel free to correct it!

@@ -25,7 +25,7 @@ export default function AppFooter() {
gridAutoColumns: '1fr',
alignItems: 'center',
justifyContent: 'space-between',
gap: (theme) => theme.spacing(4, 2),
gap: (theme) => theme.spacing(4),
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

would have been simpler:

Suggested change
gap: (theme) => theme.spacing(4),
gap: 4,

@michaldudak michaldudak linked an issue Sep 15, 2021 that may be closed by this pull request
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
website Pages that are not documentation-related, marketing-focused.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[website] Font weight consolidation
8 participants