Promote JS

Direct Link

Finding correct, current, and well written documentation on JavaScript can sometimes be rather difficult. The web has a lot of misinformation on it (can you believe it?!). This is an attempt to get Mozilla’s high quality documentation at the top …

Avatar of Chris Coyier
Shared by Chris Coyier on

Get YouTube Key from a Link

// Example link:
// <a id="myLink" href="http://www.youtube.com/watch?v=cyRqR56aCKc&feature=PlayList&p=00000000000&index=0&playnext=1">Youtube link</a>

var youtubeLink = document.getElementById('myLink').href;
var youtubeVideoKey = youtubeLink.substr(youtubeLink.lastIndexOf("v=") + 2, 11);

// youtubeVideoKey will return "cyRqR56aCKc"
Avatar of Chris Coyier
Chris Coyier on

Vendor Prefix Equivalents

Direct Link

Ever wonder what the Gecko equivalent to WebKit’s -webkit-transition-timing-function is? This chart has got you covered. But more importantly, if the other rendering engines have those properties implemented at all.…

Avatar of Chris Coyier
Shared by Chris Coyier on (Updated on )

jQuery Summit

Direct Link

I’m speaking at the jQuery Summit, the 2nd Annual Online, Live jQuery Conference November 16 & 17th, 2010.

If you are interested, use coupon code JQUERY2CHRIS for 20% off!…

Avatar of Chris Coyier
Shared by Chris Coyier on

ProCSSor

Direct Link

The prettiest of the CSS prettifiers. I find these things quite helpful when I’m inheriting someone else’s CSS and I want to get it into the format that I like the most without doing it by hand. Actually, I usually …

Avatar of Chris Coyier
Shared by Chris Coyier on

WebKit Native Asynchronous Script Loading

Direct Link

WebKit nightlies are now supporting this. The syntax looks like this:

<script async src="myAsyncScript.js" onload="myInit()"></script>
<script defer src="myDeferScript.js" onload="myInit()"></script>

Both async and defer scripts begin to download immediately without pausing the parser and both support an optional onload handler to

Avatar of Chris Coyier
Shared by Chris Coyier on

Blockquote Bulge

In HTML, a block of text being quoted from elsewhere is marked up like this:

<blockquote>Hey, I'm a block of text from elsewhere.</blockquote>

In your CSS, you’ll likely have special styling for these. Perhaps a bit of a background and …

Avatar of Chris Coyier
Chris Coyier on