Skip to content

Instantly share code, notes, and snippets.

View jonjohnjohnson's full-sized avatar

jonjohnjohnson jonjohnjohnson

View GitHub Profile
### Keybase proof
I hereby claim:
* I am jonjohnjohnson on github.
* I am jonjohnjohnson (https://keybase.io/jonjohnjohnson) on keybase.
* I have a public key ASDN3tDPJctoIfeSdh5ycsLM0vzgbLupa-whNmssnQnncwo
To claim this, I am signing this object:
@jonjohnjohnson
jonjohnjohnson / mdnDocsStickySideNav.css
Created November 28, 2017 06:03
mdn docs sticky sidenav proposal styles...
/* check this demo video out */
/* http://cl.ly/nxz6 */
@media screen and (min-height: 42.5em) and (min-width: 47.9385em) {
@supports (position: sticky) {
.toc {
height: 100vh;
width: 18em;
overflow: auto;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=no" />
<meta name="description" content="Marcus Troy Publication Header Component" />
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
@jonjohnjohnson
jonjohnjohnson / global.html
Created May 4, 2012 22:53
Suggestion for new global article markup
<section id="global">
<div id="back" class="back-corner"></div>
<div id="social">
<ul id="toolbar">
<li id="comments" class="disabled"></li>
<li id="sharing"></li>
<li id="recommendations"></li>
<li id="favorites"></li>
</ul>
<div id="sharePane" class="socialPane">