Building web apps I don't have to worry so much about SEO for back end things so dynamically changing the HTML isn't an issue.
I am using backbone.js with a front end site I'm building and the site is a tour based site, ex several sections within the scroll flow.
So when the page loads, I store the original HTML in a variable
origHtml then set the HTML to change into something like
This is a part of an animation I am working on and then after some animation happens, that block is out of view and I reset that HTML to the original one.
display:none when appropriate, but I am trying to avoid using
display:none http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/ (an article I read a while back).
I mean this is just experimenting/learning for me what is the optimal way to manipulate HTML for front-end websites?
Additional: If this is bad for SEO I think it would still be okay to use
position:absolute and either set
opacity:0 on the element I want hidden, or use
margin-right: -9999 or even use