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

Gutenboarding: Plans grid HTML mockup. #41864

Merged
merged 5 commits into from
May 7, 2020

Conversation

yansern
Copy link
Contributor

@yansern yansern commented May 6, 2020

Changes proposed in this Pull Request

  • HTML & CSS mockup for plans grid.
  • Detailed comparison table.

Testing instructions

  • Go to /new/plans to see the mockup.

image

Fixes #41787

@yansern yansern added the [Goal] New Onboarding previously called Gutenboarding label May 6, 2020
@yansern yansern requested a review from a team May 6, 2020 14:12
@yansern yansern self-assigned this May 6, 2020
@matticbot
Copy link
Contributor

@matticbot
Copy link
Contributor

matticbot commented May 6, 2020

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

App Entrypoints (~1750 bytes added 📈 [gzipped])

name                 parsed_size           gzip_size
entry-gutenboarding      +7213 B  (+0.4%)    +1750 B  (+0.4%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

Copy link
Member

@alshakero alshakero left a comment

Choose a reason for hiding this comment

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

Absolutely love this!

@simison simison mentioned this pull request May 6, 2020
6 tasks
Copy link
Member

@simison simison left a comment

Choose a reason for hiding this comment

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

Looks great here too. 👍 With applying @alshakero's notes we could merge this and iterate over it, and start connecting it to the canvas from #41857 and to data.

image

@yansern yansern merged commit 982d4f1 into master May 7, 2020
@yansern yansern deleted the add/gutenboarding-plans-grid-mockup branch May 7, 2020 11:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Goal] New Onboarding previously called Gutenboarding
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Gutenboarding: plans grid
4 participants