<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>Demo by roXon</title>
</head>
<body>
<div id="header-container">
<div id="header">
<h1>TITLE</h1>
</div>
</div>
<div id="content">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris feugiat varius consequat. Vivamus eu faucibus dolor. Aliquam imperdiet, massa vehicula hendrerit accumsan, ante justo ultricies magna, vel porttitor sem tortor ac orci. Quisque ac ullamcorper augue. Vestibulum sodales hendrerit faucibus. Nulla metus augue, elementum ac convallis at, vestibulum euismod orci. Nulla pretium leo quis elit congue sollicitudin. Praesent ac orci sit amet nisi convallis pharetra quis eu sapien. Cras vitae eros sapien. Aliquam erat volutpat. Ut eget quam a erat ultricies hendrerit ac sit amet mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus venenatis iaculis velit ultricies aliquam.
Proin ac velit nisi. Donec sollicitudin feugiat sapien, in sollicitudin tortor eleifend nec. Suspendisse consequat, leo vitae eleifend lacinia, magna neque pharetra nunc, nec ullamcorper tortor dolor eget neque. Ut congue lacinia est. Etiam pharetra, enim quis commodo cursus, orci erat suscipit lorem, vitae tristique risus enim in purus. Morbi suscipit velit quis mi pretium dictum. Suspendisse mollis ipsum et dolor scelerisque egestas sit amet quis nisi. Nunc at mauris vitae dui molestie blandit. Morbi vitae ligula nibh. In ornare bibendum mattis. Cras id tortor in dolor egestas laoreet vel tristique quam. Curabitur posuere, tortor quis volutpat semper, purus odio commodo orci, eget congue ligula mi a ante. Nulla ac ultrices est. Nulla ornare iaculis augue, a accumsan est eleifend eu.
Nunc et ante est, faucibus hendrerit ante. Sed posuere leo sit amet mauris suscipit sit amet posuere leo mollis. Nullam nec metus magna. Vivamus quam arcu, interdum non suscipit a, tristique vel velit. Sed enim lectus, egestas eu facilisis eu, sodales vel eros. Nulla aliquam scelerisque pulvinar. Donec hendrerit pretium justo, at egestas ante fermentum ut. Aenean pretium blandit dictum. Etiam quis orci leo, tristique posuere orci. Praesent porttitor dignissim porttitor.
Proin vitae diam lectus. Quisque quis est leo, in ultrices sem. Nam commodo risus sit amet ipsum facilisis vehicula. Sed malesuada ullamcorper tortor euismod molestie. Etiam quam odio, rutrum vel fermentum quis, tempus ac enim. Praesent elit mi, viverra ut ultrices et, consectetur nec diam. Nullam turpis leo, aliquet et mollis vitae, gravida vehicula lectus. Praesent quis est laoreet sem iaculis auctor. Nunc ac euismod neque. Integer mattis sollicitudin neque, in venenatis augue ultrices non. Nunc consequat, eros id mollis cursus, dolor metus suscipit quam, sit amet pharetra sem magna at metus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque ipsum sem, egestas vitae suscipit pretium, rhoncus ut elit. Integer mi odio, commodo eget mollis in, faucibus in lorem. Cras luctus condimentum erat, et blandit lacus vehicula a. Praesent et mauris id lacus convallis varius ac quis ante. In eget condimentum eros. Nulla ac nunc velit. Aliquam erat volutpat. Maecenas ornare porttitor dolor vitae cursus. Quisque auctor, massa ac lobortis suscipit, risus enim vestibulum libero, quis feugiat odio libero vel dui. Nunc tincidunt diam at lectus sollicitudin rhoncus.
</p>
</div>
</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. |