https://bugzilla.wikimedia.org/show_bug.cgi?id=42429
--- Comment #5 from Yair Rand <[email protected]> 2012-11-25 18:58:44 UTC --- The loading gap between when content appears on a page and when relevant scripts run is a very much neglected area, despite it being very noticeable and somewhat disorienting when not taken care of. These days it's the norm for a wiki page to have a very noticeable "jump" as elements are added, moved, styled, etc when the DOMContentLoaded fires. I thought it would be useful to have a simple way to add styles specifically for content in a not-yet-finished page (and also specifically for a finished page, though that's less important). CSS could hide certain elements until they're ready, or where possible slightly fade them and add a "wait" cursor to indicate that they're not clickable yet. Temporary padding or margins could be used to prevent a jump when an extra element is stuffed into the spot. CSS generated content could be used to attach fake show/hide buttons before JS has the chance to add real working ones. Or load icons, for that matter. A portlet links that activates JS could have code like this: .client-nojs #n-foo{display:none;}.client-js.not-loaded #n-foo a{color: #666;cursor: wait;}. All the JS-loaded special pages could look not like a mess while loading. I'm having a bit of difficulty thinking of good examples, but overall I strongly suspect that these classes would be quite useful if available. In theory, lots of stuff could just be done by having CSS that's just undone by JS on load, but that is frequently quite difficult to do. -- Configure bugmail: https://bugzilla.wikimedia.org/userprefs.cgi?tab=email ------- You are receiving this mail because: ------- You are the assignee for the bug. You are on the CC list for the bug. _______________________________________________ Wikibugs-l mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/wikibugs-l
