<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<header>Header</header>
<div>
<nav><ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul></nav> <article>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tristique dolor nibh, ut commodo purus varius vel. Pellentesque non congue nisi, et accumsan tellus. Nunc eu lectus tincidunt felis luctus dictum. Sed auctor arcu sed venenatis venenatis. Aenean sagittis tincidunt erat in aliquam. Vivamus rutrum nibh augue, vitae consequat mauris tincidunt vitae. Nunc mauris quam, fringilla eget tortor eget, luctus luctus leo. Pellentesque purus massa, sollicitudin sed erat eget, sagittis eleifend tortor. Curabitur cursus urna ut massa ultrices vestibulum. Sed at turpis congue, suscipit lacus sit amet, commodo dolor. Ut nibh nunc, accumsan in erat eget, consequat ullamcorper tortor. Nulla facilisi. Vestibulum vel magna sollicitudin, tincidunt libero in, vehicula massa. Quisque sit amet tristique risus. Vivamus feugiat velit at risus sodales, quis aliquam mauris malesuada.
Morbi ut sapien risus. In non enim nec dolor dictum rhoncus. Suspendisse vel velit sit amet leo cursus tristique. Ut id justo sollicitudin, egestas libero eget, elementum arcu. Vestibulum auctor velit vitae faucibus commodo. Fusce sed vestibulum velit. Curabitur id justo in nulla faucibus rhoncus non nec nulla. Donec quis pretium ipsum. Aenean aliquet, purus vitae tincidunt volutpat, leo lacus vehicula ligula, vitae ultricies erat ligula vitae magna.
Nam viverra consequat sapien, ac gravida elit pretium quis. Aenean euismod varius dignissim. Praesent aliquam lacinia urna, id gravida eros pulvinar et. Nulla facilisi. Duis faucibus erat at nisi cursus, eget placerat tortor venenatis. Suspendisse porttitor feugiat ex aliquam aliquet. Quisque eros eros, ultrices tincidunt metus ac, egestas consequat metus. Aliquam erat volutpat. Praesent congue dignissim turpis, at semper mauris malesuada nec. Morbi sodales condimentum leo sit amet pretium. Etiam semper risus nec rutrum mollis. Nulla lobortis, erat vel ornare luctus, eros turpis varius libero, eu tristique dui libero sed quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis laoreet sem ac dolor vulputate, quis rutrum nisl feugiat. Donec pulvinar, mi eu egestas vulputate, purus ante ullamcorper purus, vel gravida est risus vitae lacus. Nunc sed nibh sit amet mi luctus volutpat in non nulla.
Donec facilisis blandit est et ullamcorper. Nulla facilisi. Ut auctor enim est, vel ultricies ante venenatis id. In egestas est eu mauris elementum, in laoreet lacus suscipit. Sed rhoncus ligula dolor, vel pharetra ex convallis ut. Integer vel convallis lacus. Fusce ac purus dapibus, vestibulum libero vitae, dapibus nunc. Suspendisse ut diam nec libero rhoncus volutpat.
Proin congue semper metus, egestas molestie libero sollicitudin et. Donec consequat purus vel velit venenatis, id dignissim sapien feugiat. Vestibulum sed nibh nibh. Donec feugiat lectus id arcu dapibus, eget tristique risus congue. Quisque tristique lorem ut augue fringilla, et egestas augue aliquet. Nunc interdum vel nisl nec fermentum. Maecenas varius, risus eget semper ullamcorper, purus urna semper metus, sed feugiat elit ex eget risus. Phasellus rhoncus iaculis velit. Donec blandit molestie metus, et sagittis turpis mattis sit amet.</article>
</div>
<footer>Footer</footer>
</body>
</html>
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |