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

CSS examples: make the diagrams in the transform functions docs redundant #557

Open
wbamberg opened this issue Feb 7, 2018 · 1 comment
Labels
idle Issues and pull requests with no activity for three months.

Comments

@wbamberg
Copy link
Contributor

wbamberg commented Feb 7, 2018

I'm filing a bug for this because I think this is a good idea but it's not a thing that should block the current examples for transform functions, which are already a great improvement over what we had before.

Some of these MDN pages for transform functions already come with diagrams showing the effect of the function. The diagrams are...OK. They're quite illustrative I think, although they are quite poor quality PNGs:

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scaleX
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scaleY
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translateY

I asked @chrisdavidmills whether we should keep these diagrams, given that we have interactive examples for them:

what I’d really love for full marks is for the interactive examples to provide as much information as the diagram, but then go beyond it. so for example, include a “ghost” of the original image so you can see what it looks like compared to the transformed versions, and also include things like rulers/measures if they are needed. I’m not sure if this is completely possible in all cases, but it is a nice idea, to do away with the diagrams altogether.

Note that some of the interactive examples do already have "ghosts", making the diagrams redundant. For example:
https://interactive-examples.mdn.mozilla.net/pages/css/translate.html
https://interactive-examples.mdn.mozilla.net/pages/css/translateY.html

@github-actions github-actions bot added the idle Issues and pull requests with no activity for three months. label Dec 22, 2022
@wbamberg
Copy link
Contributor Author

Update! We did remove those PNGs in the end, and a couple of the listed pages have "ghosts" now, e.g. https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate.

But it still seems like it would be a nice feature for the others.

@github-actions github-actions bot removed the idle Issues and pull requests with no activity for three months. label Feb 25, 2023
@github-actions github-actions bot added the idle Issues and pull requests with no activity for three months. label Mar 27, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
idle Issues and pull requests with no activity for three months.
Projects
Development

No branches or pull requests

1 participant