StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
12410668
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
4
CommunityOwnedDate
CreationDate
2012-09-13T16:22:46.290
FavoriteCount
0
LastActivityDate
2015-03-24T23:20:27.097
LastEditDate
2015-03-24T23:20:27.097
LastEditorUserId
363701
OwnerUserId
363701
ParentId
6724515
PostTypeId
2
Score
98
ViewCount
0
LastEditorDisplayName
text
Body
The <code>no-js</code> class is used by the <a href="http://modernizr.com/" rel="noreferrer">Modernizr</a> feature detection library. When Modernizr loads, it replaces <code>no-js</code> with <code>js</code>. If JavaScript is disabled, the class remains. This allows you to write CSS which easily targets either condition. From <a href="https://web.archive.org/web/20130511051108/http://modernizr.github.io/Modernizr/annotatedsource.html#section-103" rel="noreferrer">Modernizrs' Anotated Source</a> <a href="https://github.com/Modernizr/Modernizr/issues/417" rel="noreferrer">(no longer maintained)</a>: <blockquote> Remove "no-js" class from element, if it exists: <code>docElement.className=docElement.className.replace(/\bno-js\b/,'') + ' js';</code> </blockquote> Here is a blog post by Paul Irish describing this approach: <a href="http://www.paulirish.com/2009/avoiding-the-fouc-v3/" rel="noreferrer">http://www.paulirish.com/2009/avoiding-the-fouc-v3/</a> <hr> I like to do this same thing, but without Modernizr. I put the following <code><script></code> in the <code><head></code> to change the class to <code>js</code> if JavaScript is enabled. I prefer to use <code>.replace("no-js","js")</code> over the regex version because its a bit less cryptic and suits my needs. <pre><code><script> document.documentElement.className = document.documentElement.className.replace("no-js","js"); </script> </code></pre> Prior to this technique, I would generally just apply js-dependant styles directly with JavaScript. For example: <pre><code>$('#someSelector').hide(); $('.otherStuff').css({'color' : 'blue'}); </code></pre> With the <code>no-js</code> trick, this can Now be done with <code>css</code>: <pre><code>.js #someSelector {display: none;} .otherStuff { color: blue; } .no-js .otherStuff { color: green } </code></pre> This is preferable because: <ul> <li>It loads faster with no FOUC (flash of unstyled content)</li> <li>Separation of concerns, etc...</li> </ul>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POWhat is the purpose of the HTML "no-js" class?
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USZach Lysobey
UserOwnerUserId
1. USZach Lysobey
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
3. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.