<html>
<head>
<link href="http://cdnjs.cloudflare.com/ajax/libs/foundation/4.1.6/css/normalize.min.css" rel="stylesheet"
type="text/css"/>
<link href="http://cdnjs.cloudflare.com/ajax/libs/foundation/4.1.6/css/foundation.min.css" rel="stylesheet"
type="text/css"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/4.1.6/js/vendor/custom.modernizr.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/4.1.6/js/vendor/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/4.1.6/js/foundation.min.js"></script>
<meta charset=utf-8/>
<title>JS Bin</title>
</head>
<body>
<div class="row">
<div class="large-6 columns" id="leftNews">
<article class="newsArticle">
<div class="">
<a href="http://theinfluence.iamchrisbarnard.com/news/macklemore-ryan-lewis-perform-on-jay-leno/"><img
width="800" height="600"
src="http://theinfluence.iamchrisbarnard.com/wp-content/uploads/2013/08/macklemore-800x600.jpeg"
class="attachment-newsimg wp-post-image" alt="macklemore"></a>
</div>
<div class="large-12 small-12 newsText">
<h4><a href="http://theinfluence.iamchrisbarnard.com/news/macklemore-ryan-lewis-perform-on-jay-leno/">Macklemore
Performs On Jay Leno</a></h4>
<p class="date">On: August 28, 2013 | By: Christian </p>
<p class="excerpt"></p>
<p>Fresh off their big night at the MTV VMAs, Macklemore and Ryan Lewis hit up “The Tonight Show With
Jay Leno”. Linking with TDE’s ScHoolboy Q, the group</p>
<a href="http://theinfluence.iamchrisbarnard.com/news/macklemore-ryan-lewis-perform-on-jay-leno/"
class="readMore">Continue Reading</a>
<p></p>
</div>
</article>
</div>
<div class="large-6 columns" id="leftNews">
<article class="newsArticle">
<div class="">
<a href="http://theinfluence.iamchrisbarnard.com/news/the-essential-diss-tracks-of-2013-so-far/"><img
width="800" height="600"
src="http://theinfluence.iamchrisbarnard.com/wp-content/uploads/2013/08/kendric-800x600.jpg"
class="attachment-newsimg wp-post-image" alt="kendric"></a>
</div>
<div class="large-12 small-12 newsText">
<h4><a href="http://theinfluence.iamchrisbarnard.com/news/the-essential-diss-tracks-of-2013-so-far/">The
Essential Diss Tracks Of 2013</a></h4>
<p class="date">On: | By: Christian </p>
<p class="excerpt"></p>
<p>Last week, hip-hop experienced its latest uproar when Kendrick Lamar claimed he was the “King of New
York.” Rappers and fans alike had their own interpretations</p>
<a href="http://theinfluence.iamchrisbarnard.com/news/the-essential-diss-tracks-of-2013-so-far/"
class="readMore">Continue Reading</a>
<p></p>
</div>
</article>
</div>
</div>
<div class="row">
<div class="large-6 columns" id="leftNews">
<article class="newsArticle">
<div class="">
<a href="http://theinfluence.iamchrisbarnard.com/news/kanye-west-to-appear-on-kris-jenners/"><img
width="800" height="600"
src="http://theinfluence.iamchrisbarnard.com/wp-content/uploads/2013/08/kanye-800x600.jpg"
class="attachment-newsimg wp-post-image" alt="kanye"></a>
</div>
<div class="large-12 small-12 newsText">
<h4><a href="http://theinfluence.iamchrisbarnard.com/news/kanye-west-to-appear-on-kris-jenners/">Kanye
West To Appear On Kris Jenner’s</a></h4>
<p class="date">On: | By: Christian </p>
<p class="excerpt"></p>
<p>Famously media-shy Kanye West will be making a rare television appearance on Kris Jenner’s new
talk
show, Kris, this Friday. On Monday, Kanye stopped by</p>
<a href="http://theinfluence.iamchrisbarnard.com/news/kanye-west-to-appear-on-kris-jenners/"
class="readMore">Continue Reading</a>
<p></p>
</div>
</article>
</div>
<div class="large-6 columns" id="leftNews">
<article class="newsArticle">
<div class="">
<a href="http://theinfluence.iamchrisbarnard.com/news/jay-z-talks-harry-belafonte-achieving-greatness-politics/"><img
width="800" height="600"
src="http://theinfluence.iamchrisbarnard.com/wp-content/uploads/2013/08/jay-z_wallpaper-900x600-800x600.jpg"
class="attachment-newsimg wp-post-image" alt="jay-z_wallpaper-900x600"></a>
</div>
<div class="large-12 small-12 newsText">
<h4>
<a href="http://theinfluence.iamchrisbarnard.com/news/jay-z-talks-harry-belafonte-achieving-greatness-politics/">Jay
Z Talks Harry Belafonte, Achieving Greatness</a></h4>
<p class="date">On: August 27, 2013 | By: Christian </p>
<p class="excerpt"></p>
<p>Turn up your nose high society. Last night, before premiering his video for “Picasso Baby”
exclusively on HBO, Hov chopped it up with Bill Maher and his</p>
<a href="http://theinfluence.iamchrisbarnard.com/news/jay-z-talks-harry-belafonte-achieving-greatness-politics/"
class="readMore">Continue Reading</a>
<p></p>
</div>
</article>
</div>
</div>
<div class="row">
<div class="large-6 columns" id="leftNews">
<article class="newsArticle">
<div class="">
<a href="http://theinfluence.iamchrisbarnard.com/news/andre-3000-reportedly-dropping-solo-lp-in-early-2014/"><img
width="800" height="600"
src="http://theinfluence.iamchrisbarnard.com/wp-content/uploads/2013/08/andre3000-800x600.png"
class="attachment-newsimg wp-post-image" alt="andre3000"></a>
</div>
<div class="large-12 small-12 newsText">
<h4>
<a href="http://theinfluence.iamchrisbarnard.com/news/andre-3000-reportedly-dropping-solo-lp-in-early-2014/">Andre
3000 Reportedly Dropping Solo LP In Early</a></h4>
<p class="date">On: | By: Christian </p>
<p class="excerpt"></p>
<p>Fans have been waiting for Andre 3000 to come out of his shell and put out some new music for a
while
now. After teasing with some rare feature appearances,</p>
<a href="http://theinfluence.iamchrisbarnard.com/news/andre-3000-reportedly-dropping-solo-lp-in-early-2014/"
class="readMore">Continue Reading</a>
<p></p>
</div>
</article>
</div>
<div class="large-6 columns" id="leftNews">
<article class="newsArticle">
<div class="">
<a href="http://theinfluence.iamchrisbarnard.com/news/nipsey-hussle-change-nothing/"><img
width="800"
height="600"
src="http://theinfluence.iamchrisbarnard.com/wp-content/uploads/2013/08/nipsy-800x600.png"
class="attachment-newsimg wp-post-image"
alt="nipsy"></a>
</div>
<div class="large-12 small-12 newsText">
<h4><a href="http://theinfluence.iamchrisbarnard.com/news/nipsey-hussle-change-nothing/">Nipsey
Hussle –
“Change Nothing”</a></h4>
<p class="date">On: | By: Christian </p>
<p class="excerpt"><a
href="http://theinfluence.iamchrisbarnard.com/news/nipsey-hussle-change-nothing/"
class="readMore">Continue Reading</a></p>
</div>
</article>
</div>
</div>
</div>
</body>
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. |