You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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:
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.
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:
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
The text was updated successfully, but these errors were encountered: