Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
executable file 506 lines (501 sloc) 34.7 KB
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Media Chapters Demo</title>
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen">
</head>
<body>
<audio class="myaudio" controls></audio>
<ul id="episodes">
<li>
<span class="episode_title" data-filename="yayquery_0">Episode 0 | Inaugural Zero-Indexed Episode</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="2:45">_js Library</a></li>
<li><a href="#" class="loader" data-timestamp="7:04">Old Ass ThickBox</a></li>
<li><a href="#" class="loader" data-timestamp="13:25">jQuery Mobile</a></li>
<li><a href="#" class="loader" data-timestamp="22:00">Anti-Pattern of the Week</a></li>
<li><a href="#" class="loader" data-timestamp="31:15">In Closing</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_1">Episode 1 | Dear &lt;canvas&gt;, meet bacon.</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:05">Intro</a></li>
<li><a href="#" class="loader" data-timestamp="0:27">Google Closure</a></li>
<li><a href="#" class="loader" data-timestamp="12:47">Recent Conferences (intro)</a></li>
<li><a href="#" class="loader" data-timestamp="13:40">Node.js</a></li>
<li><a href="#" class="loader" data-timestamp="15:45">Canvas with side of Bacon Animation</a></li>
<li><a href="#" class="loader" data-timestamp="19:40">Submit Support to .live()</a></li>
<li><a href="#" class="loader" data-timestamp="22:45">Which Text Editor do YOU use?</a></li>
<li><a href="#" class="loader" data-timestamp="27:35">paulirish's Anti-Pattern .ajaxError(), .ajaxComplete()</a></li>
<li><a href="#" class="loader" data-timestamp="30:30">jQuery PeepCode Screen Cast</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_2">Episode 2 | Third Time's a Charm!</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:45">Intro</a></li>
<li><a href="#" class="loader" data-timestamp="2:22">News</a></li>
<li><a href="#" class="loader" data-timestamp="8:45">1337 gamer John Resig</a></li>
<li><a href="#" class="loader" data-timestamp="9:50">Hiddenhancements - Nifty "=" Tricks</a></li>
<li><a href="#" class="loader" data-timestamp="12:12">Hiddenhancements - jQuery.fx.off</a></li>
<li><a href="#" class="loader" data-timestamp="13:59">ajpiano Got a Haircut</a></li>
<li><a href="#" class="loader" data-timestamp="15:10">parsing and evaling JSON... JASON, J SON</a></li>
<li><a href="#" class="loader" data-timestamp="18:40">ajpiano's namespace tips</a></li>
<li><a href="#" class="loader" data-timestamp="25:58">rmurphey talks FrontEnd Performance (combination and minification of scripts)</a></li>
<li><a href="#" class="loader" data-timestamp="29:25">Hollabacks (callback functions)</a></li>
<li><a href="#" class="loader" data-timestamp="31:30">Plugin of the Week - jQuery Feeds jGFeed</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_3">Episode 3 | $("#turkey").contents() === new Stuffing(); </span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:32">Intro</a></li>
<li><a href="#" class="loader" data-timestamp="1:37">Gobble Gobble</a></li>
<li><a href="#" class="loader" data-timestamp="1:39">News</a></li>
<li><a href="#" class="loader" data-timestamp="6:55">HTML5 Guest Star! - Michael Taylor</a></li>
<li><a href="#" class="loader" data-timestamp="10:00">HTML5 Autofocus</a></li>
<li><a href="#" class="loader" data-timestamp="11:00">HTML5 Browser Support</a></li>
<li><a href="#" class="loader" data-timestamp="16:35">IE9 HTML5 Support Update</a></li>
<li><a href="#" class="loader" data-timestamp="19:50">yayQuery Singalong Plugin</a></li>
<li><a href="#" class="loader" data-timestamp="21:47">Plugin of the Week - Slick Wrap</a></li>
<li><a href="#" class="loader" data-timestamp="25:39">Hiddenhancements - $.map()</a></li>
<li><a href="#" class="loader" data-timestamp="30:16">paulirish's Anti-Pattern - caching $(this)</a></li>
<li><a href="#" class="loader" data-timestamp="32:35">rmurphey's Beginners Corner - script tag placement</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_4">Episode 4 | I Once Mixed Sprite and Cappuccino, It Was Disgusting</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:32">Intro - Where's rmurphey?</a></li>
<li><a href="#" class="loader" data-timestamp="1:03">News</a></li>
<li><a href="#" class="loader" data-timestamp="5:03">443-4YAYQUERY</a></li>
<li><a href="#" class="loader" data-timestamp="5:25">Alex Answers Lab JS Question</a></li>
<li><a href="#" class="loader" data-timestamp="16:05">Rob Flaherty - ravelrumba.com</a></li>
<li><a href="#" class="loader" data-timestamp="16:49">Type Rendering Project</a></li>
<li><a href="#" class="loader" data-timestamp="18:12">jabs Syntax Library</a></li>
<li><a href="#" class="loader" data-timestamp="28:50">Hiddenhancements - jQuery UI css framework</a></li>
<li><a href="#" class="loader" data-timestamp="31:49">Plugin of the Week - Autocomplete</a></li>
<li><a href="#" class="loader" data-timestamp="33:31">HIDDENHiddenhancements - parse callBack in Autocomplete</a></li>
<li><a href="#" class="loader" data-timestamp="34:38">paulirish's Anti-Pattern - Don't Act on Absent Elements</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_5">Episode 5 | ...More Like jQuery 1.MORE, Amirite?!</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:48">Intro</a></li>
<li><a href="#" class="loader" data-timestamp="1:21">News</a></li>
<li><a href="#" class="loader" data-timestamp="3:09">News - ECMA Script 5</a></li>
<li><a href="#" class="loader" data-timestamp="6:34">Google Analytics Async code</a></li>
<li><a href="#" class="loader" data-timestamp="8:11">Modernizr Launches - HTML5 Browser Support Dectection</a></li>
<li><a href="#" class="loader" data-timestamp="9:33">Object Laterals - Boaz Sender</a></li>
<li><a href="#" class="loader" data-timestamp="11:16">yayQuery Hotline - 1.4.1 update question</a></li>
<li><a href="#" class="loader" data-timestamp="12:36">yayQuery team members favorite part of jQuery 1.4</a></li>
<li><a href="#" class="loader" data-timestamp="17:43">Update Your Code Song - Jonathan Neal - so hawt</a></li>
<li><a href="#" class="loader" data-timestamp="19:19">jQuery 1.4 overview</a></li>
<li><a href="#" class="loader" data-timestamp="27:25">Hiddenhancements - Native Browser Events and jQuery .bind</a></li>
<li><a href="#" class="loader" data-timestamp="28:55">.toggleClass()</a></li>
<li><a href="#" class="loader" data-timestamp="29:54">Negative Index Support</a></li>
<li><a href="#" class="loader" data-timestamp="31:38">.text() and textNode</a></li>
<li><a href="#" class="loader" data-timestamp="33:10">paulirish's Anti-Pattern - Ignoring jQuery Source Code</a></li>
<li><a href="#" class="loader" data-timestamp="35:34">MOAR in jQuery 1.4 - .delay()</a></li>
<li><a href="#" class="loader" data-timestamp="36:59">:visible and :hidden</a></li>
<li><a href="#" class="loader" data-timestamp="37:26">$.inArray()</a></li>
<li><a href="#" class="loader" data-timestamp="38:08">Native JSON Support</a></li>
<li><a href="#" class="loader" data-timestamp="39:08">Plugin of the Week - jQuery Masonry</a></li>
<li><a href="#" class="loader" data-timestamp="40:45">pffft... html map elements</a></li>
<li><a href="#" class="loader" data-timestamp="44:17">Per Property Easing</a></li>
<li><a href="#" class="loader" data-timestamp="45:07">rmurphey's Beginners Corner - Don't Repeat Yourself</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_6">Episode 6 | Nay is for Norses</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:37">Intro</a></li>
<li><a href="#" class="loader" data-timestamp="2:08">Fixee.org</a></li>
<li><a href="#" class="loader" data-timestamp="3:09">News</a></li>
<li><a href="#" class="loader" data-timestamp="5:50">Peter Higgins - nayQuery</a></li>
<li><a href="#" class="loader" data-timestamp="8:10">dojox</a></li>
<li><a href="#" class="loader" data-timestamp="10:00">It's just JavaScript</a></li>
<li><a href="#" class="loader" data-timestamp="14:03">What Peter nays about jQuery</a></li>
<li><a href="#" class="loader" data-timestamp="15:56">Peter really nays on "this"</a></li>
<li><a href="#" class="loader" data-timestamp="20:55">BUT Peter really yays .animate() ?</a></li>
<li><a href="#" class="loader" data-timestamp="24:12">jQuery devs interested in Dojo</a></li>
<li><a href="#" class="loader" data-timestamp="27:17">Partyline Questions Answered - $ meaning</a></li>
<li><a href="#" class="loader" data-timestamp="32:00">$.require()</a></li>
<li><a href="#" class="loader" data-timestamp="33:30">Hiddenhancements - += shortcut</a></li>
<li><a href="#" class="loader" data-timestamp="35:05">Pete nays on the Hiddenhancement</a></li>
<li><a href="#" class="loader" data-timestamp="37:52">jQuery .contains()</a></li>
<li><a href="#" class="loader" data-timestamp="39:15">Plugin of the Week - ??</a></li>
<li><a href="#" class="loader" data-timestamp="39:43">Alex waxes poetic about community</a></li>
<li><a href="#" class="loader" data-timestamp="40:30">JS - Just Sayin'</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_7">Episode 7 | Jingle All The Yay</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:30">Intro</a></li>
<li><a href="#" class="loader" data-timestamp="1:43">Crockford's license</a></li>
<li><a href="#" class="loader" data-timestamp="2:40">Crockford's pwnage</a></li>
<li><a href="#" class="loader" data-timestamp="3:15">Binary Kitten donates Skype account</a></li>
<li><a href="#" class="loader" data-timestamp="4:21">Stoyan Stefanov's Performance Advent Calendar</a></li>
<li><a href="#" class="loader" data-timestamp="5:20">Hiddenhancement - Array sort method on jQuery objects</a></li>
<li><a href="#" class="loader" data-timestamp="9:30">jQuery 1.4 Alpha 2 drops</a></li>
<li><a href="#" class="loader" data-timestamp="12:17">Changes to .attr()</a></li>
<li><a href="#" class="loader" data-timestamp="17:02">ajpiano gets .contains() killed</a></li>
<li><a href="#" class="loader" data-timestamp="17:50">jQuery starts using Google Closure Compilier</a></li>
<li><a href="#" class="loader" data-timestamp="21:12">Plugin of the Week - Roundabout</a></li>
<li><a href="#" class="loader" data-timestamp="27:51">jQuery Song by jNeil</a></li>
<li><a href="#" class="loader" data-timestamp="29:39">What yayQuery wants for x-mas</a></li>
<li><a href="#" class="loader" data-timestamp="33:09">paulirish's Anti-Pattern - window.alert()</a></li>
<li><a href="#" class="loader" data-timestamp="36:15">rmurphey's yayQuery Beginner's Corner - log your results</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_10">Episode 10 | Happy Birthday jQuery!</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:35">Welcome back</a></li>
<li><a href="#" class="loader" data-timestamp="1:00">jQuery News</a></li>
<li><a href="#" class="loader" data-timestamp="2:16">What will be in 1.4, jQuery Proxy</a></li>
<li><a href="#" class="loader" data-timestamp="4:55">JSON Parsing, Format with double quotes</a></li>
<li><a href="#" class="loader" data-timestamp="8:20">Crockford's object.create()</a></li>
<li><a href="#" class="loader" data-timestamp="10:49">Give your setter a function</a></li>
<li><a href="#" class="loader" data-timestamp="13:38">jQuery UI 1.8.2 Alpha Release</a></li>
<li><a href="#" class="loader" data-timestamp="16:35">jQuery 1.5 roadmap</a></li>
<li><a href="#" class="loader" data-timestamp="18:04">Blogs - phpied</a></li>
<li><a href="#" class="loader" data-timestamp="20:55">yayQuery Beginner's Corner - bind to more than one event at a time</a></li>
<li><a href="#" class="loader" data-timestamp="23:09">Anti-Pattern for Performance - .html('&lt;this&gt;&lt;is&gt;&lt;bad&gt;&lt;mmmkay?!&gt;')</a></li>
<li><a href="#" class="loader" data-timestamp="28:57">Plugin of the week - auto suggest by Drew Wilson</a></li>
<li><a href="#" class="loader" data-timestamp="30:57">Three Dots Plugin</a></li>
<li><a href="#" class="loader" data-timestamp="31:35">&amp;shy; &amp;shy;, hush hush, IUI</a></li>
<li><a href="#" class="loader" data-timestamp="33:15">CSS Reset</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_11">Episode 11 | 14 Days of Yaymes Padolsey</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:30">Embarrassing Video Talk</a></li>
<li><a href="#" class="loader" data-timestamp="1:50">1.4 Released woo hoo</a></li>
<li><a href="#" class="loader" data-timestamp="2:55">What's in 1.4</a></li>
<li><a href="#" class="loader" data-timestamp="5:00">Paul joins jQuery team and Paul's bet</a></li>
<li><a href="#" class="loader" data-timestamp="7:00">.live() isn't default</a></li>
<li><a href="#" class="loader" data-timestamp="10:33">nwevents plugin</a></li>
<li><a href="#" class="loader" data-timestamp="11:10">forum.support.com</a></li>
<li><a href="#" class="loader" data-timestamp="13:27">14 days goodie</a></li>
<li><a href="#" class="loader" data-timestamp="14:18">jQUery UI to github</a></li>
<li><a href="#" class="loader" data-timestamp="15:07">jQUery Beginners Corn(ify)er - Set multiple properties at once</a></li>
<li><a href="#" class="loader" data-timestamp="16:20">Element creation syntax in 1.4</a></li>
<li><a href="#" class="loader" data-timestamp="17:55">Hiddenhancements - $.ajax() context and XHR object</a></li>
<li><a href="#" class="loader" data-timestamp="21:09">James Padolsey</a></li>
<li><a href="#" class="loader" data-timestamp="22:27">jQuery Lint</a></li>
<li><a href="#" class="loader" data-timestamp="24:55">How do I use jQuery Lint?</a></li>
<li><a href="#" class="loader" data-timestamp="26:23">Perhaps a use case?</a></li>
<li><a href="#" class="loader" data-timestamp="28:42">Does jQuery Lint Pass jQuery Lint?</a></li>
<li><a href="#" class="loader" data-timestamp="31:44">Yames's jQuery core contribution - per property easing</a></li>
<li><a href="#" class="loader" data-timestamp="33:33">Yames gets git, let him explain it to you</a></li>
<li><a href="#" class="loader" data-timestamp="39:43">Self executing anonymous functions or self-invoked anonymous functions</a></li>
<li><a href="#" class="loader" data-timestamp="43:47">Going over the top of chaining anti-pattern</a></li>
<li><a href="#" class="loader" data-timestamp="46:49">.parent().parent() discussion</a></li>
<li><a href="#" class="loader" data-timestamp="48:55">Thanks Yaymes!</a></li>
<li><a href="#" class="loader" data-timestamp="50:37">Plugin of the Week - Plugin of the Week Badge!</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_12">Episode 12 | The Complete Bunny's Guide to jQuery</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:26">Intro</a></li>
<li><a href="#" class="loader" data-timestamp="0:47">It's so just cloud</a></li>
<li><a href="#" class="loader" data-timestamp="3:20">jQuery for bunnies</a></li>
<li><a href="#" class="loader" data-timestamp="4:00">News - jQuery 1.4.one</a></li>
<li><a href="#" class="loader" data-timestamp="6:29">JavaScript Dominos Loader</a></li>
<li><a href="#" class="loader" data-timestamp="7:40">yayQuery partay line</a></li>
<li><a href="#" class="loader" data-timestamp="10:25">Dynamically Loading CSS</a></li>
<li><a href="#" class="loader" data-timestamp="12:35">meetups.jquery.com</a></li>
<li><a href="#" class="loader" data-timestamp="19:28">jQuery Cookbook iPhone App</a></li>
<li><a href="#" class="loader" data-timestamp="21:30">paulirish's Anti-Pattern - .show() .hide()</a></li>
<li><a href="#" class="loader" data-timestamp="24:40">Hiddenhancements - $.noop</a></li>
<li><a href="#" class="loader" data-timestamp="28:08">Plugin of the Week Badge! AGAIN...pfft Paul</a></li>
<li><a href="#" class="loader" data-timestamp="29:04">Plugin of the Week - jCaret</a></li>
<li><a href="#" class="loader" data-timestamp="29:04">Plugin of the Week - jCaret</a></li>
<li><a href="#" class="loader" data-timestamp="31:47">.live() - why so picky?</a></li>
<li><a href="#" class="loader" data-timestamp="35:44">.live() perf details</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_13">Episode 13 | Gotta Try to Catch 'Em All</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:40">Intro</a></li>
<li><a href="#" class="loader" data-timestamp="0:55">News!</a></li>
<li><a href="#" class="loader" data-timestamp="2:40">yayQuery Poll</a></li>
<li><a href="#" class="loader" data-timestamp="4:50">jQuery adding .delegate() .undelegate()</a></li>
<li><a href="#" class="loader" data-timestamp="7:00">FuseJS - J. Dalton</a></li>
<li><a href="#" class="loader" data-timestamp="9:02">What's a sandbox native?</a></li>
<li><a href="#" class="loader" data-timestamp="10:22">Padolsey's source viewer</a></li>
<li><a href="#" class="loader" data-timestamp="13:30">jQuery API site</a></li>
<li><a href="#" class="loader" data-timestamp="14:30">.map() nuggers</a></li>
<li><a href="#" class="loader" data-timestamp="15:53">hawt linking protection - hotlinker script</a></li>
<li><a href="#" class="loader" data-timestamp="17:13">JavaScript inheritence with Alex</a></li>
<li><a href="#" class="loader" data-timestamp="20:52">Partay Line Call - try catch statments</a></li>
<li><a href="#" class="loader" data-timestamp="29:30">Beginner's Corner - .bind() and .live()</a></li>
<li><a href="#" class="loader" data-timestamp="34:55">Plugin of the Week - position utility widget</a></li>
<li><a href="#" class="loader" data-timestamp="37:06">Anti-Pattern of the Week - using toggle</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_sxsw">Episode ??? - SXSW</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:29">Intro - They're at SXSW sucka</a></li>
<li><a href="#" class="loader" data-timestamp="1:02">Clearing up .data() and $.fn.data()</a></li>
<li><a href="#" class="loader" data-timestamp="5:13">SuperUltraMegaTeleporting 2000</a></li>
<li><a href="#" class="loader" data-timestamp="5:38">IE9 News - Standards Compliance - SVG</a></li>
<li><a href="#" class="loader" data-timestamp="7:56">SuperUltraMegaTeleporting 3000</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_16">Episode 16 - A Gource of the Source, Of Course, Of Course</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:45">Intro - jKweeeerie</a></li>
<li><a href="#" class="loader" data-timestamp="1:33">News starts up</a></li>
<li><a href="#" class="loader" data-timestamp="1:53">Favorites of jQuery UI 1.8</a></li>
<li><a href="#" class="loader" data-timestamp="4:03">IEcss.com - WTF IE?</a></li>
<li><a href="#" class="loader" data-timestamp="7:15">css3please - help writing css3</a></li>
<li><a href="#" class="loader" data-timestamp="8:07">Speaking of Conferences</a></li>
<li><a href="#" class="loader" data-timestamp="10:15">jQuery Templating</a></li>
<li><a href="#" class="loader" data-timestamp="16:17">HTML5 Video</a></li>
<li><a href="#" class="loader" data-timestamp="19:05">Gource - GIT Graphic Visualization</a></li>
<li><a href="#" class="loader" data-timestamp="20:20">jQuery Gource - Video / Song / Magic / &lt;3</a></li>
<li><a href="#" class="loader" data-timestamp="23:42">jQuery Source in .chm format</a></li>
<li><a href="#" class="loader" data-timestamp="25:00">Plugin of the Week - JS Plumb</a></li>
<li><a href="#" class="loader" data-timestamp="25:40">Dependency Management - Modulr</a></li>
<li><a href="#" class="loader" data-timestamp="28:05">MooTools OO Classes w/ jQuery</a></li>
<li><a href="#" class="loader" data-timestamp="29:55">YayQuery Throwdown - === Threequals</a></li>
<li><a href="#" class="loader" data-timestamp="32:41">Plupload - ajax uploader</a></li>
<li><a href="#" class="loader" data-timestamp="34:07">Hiddenhancement - Wrapping jQuery around any object</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_16">Episode 17 - SPRING BREAK! WOOOO!!</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:30">Intro</a></li>
<li><a href="#" class="loader" data-timestamp="1:32">Conference Chatter</a></li>
<li><a href="#" class="loader" data-timestamp="2:45">Papa Crock hates HTML5!?</a></li>
<li><a href="#" class="loader" data-timestamp="4:03">Brendan Eich</a></li>
<li><a href="#" class="loader" data-timestamp="5:19">Brendan + Papa Crock === '&lt;3'</a></li>
<li><a href="#" class="loader" data-timestamp="5:32">Facebook's (who?) Like Button</a></li>
<li><a href="#" class="loader" data-timestamp="8:00">Souders + jsConf === '&lt;3'</a></li>
<li><a href="#" class="loader" data-timestamp="10:00">Dmitry Baranovskiy's Raphael</a></li>
<li><a href="#" class="loader" data-timestamp="10:30">oh nos!! Tech difficulty</a></li>
<li><a href="#" class="loader" data-timestamp="11:30">Prank call Skype BIOTCH!</a></li>
<li><a href="#" class="loader" data-timestamp="12:30">Dmitry Baranovskiy's Raphael Part Deux</a></li>
<li><a href="#" class="loader" data-timestamp="13:30">Toby Taylor - Gordon swf to svg</a></li>
<li><a href="#" class="loader" data-timestamp="13:47">Billy Hoffman - All the fucking scary security shit</a></li>
<li><a href="#" class="loader" data-timestamp="16:09">Aaron Quint - Macon' Bacon</a></li>
<li><a href="#" class="loader" data-timestamp="17:30">yayQuery Pillow Talk - Alex Russell</a></li>
<li><a href="#" class="loader" data-timestamp="18:38">jsConf Lunchtime Special</a></li>
<li><a href="#" class="loader" data-timestamp="21:35">jQCon Recap</a></li>
<li><a href="#" class="loader" data-timestamp="30:30">Widget Factory jQuery UI</a></li>
<li><a href="#" class="loader" data-timestamp="31:30">TXjs Conference</a></li>
<li><a href="#" class="loader" data-timestamp="34:11">Paul Irish Standards doc, must read</a></li>
<li><a href="#" class="loader" data-timestamp="38:56">Plugin of the Week - Slick Grid</a></li>
<li><a href="#" class="loader" data-timestamp="39:50">Fin</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_18">Episode 18 - I Dreamed A Dream</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:27">OMG 1337 John Resig Intro</a></li>
<li><a href="#" class="loader" data-timestamp="1:20">Unicorns are dead to me now</a></li>
<li><a href="#" class="loader" data-timestamp="3:10">Gmail Apps in jQuery</a></li>
<li><a href="#" class="loader" data-timestamp="3:50">require.js updates</a></li>
<li><a href="#" class="loader" data-timestamp="5:20">John Resig Dream Continues</a></li>
<li><a href="#" class="loader" data-timestamp="5:55">jQuery History / Fun Fact</a></li>
<li><a href="#" class="loader" data-timestamp="6:58">Triple Threat Question</a></li>
<li><a href="#" class="loader" data-timestamp="8:27">How many active contributors?</a></li>
<li><a href="#" class="loader" data-timestamp="9:35">jQuery gets another award</a></li>
<li><a href="#" class="loader" data-timestamp="10:55">What's going on with jQuery and Mobile</a></li>
<li><a href="#" class="loader" data-timestamp="16:50">Show me the mo...bile devices</a></li>
<li><a href="#" class="loader" data-timestamp="19:26">Most popular mobile OS</a></li>
<li><a href="#" class="loader" data-timestamp="22:35">How can jQuery handle this mobile mess</a></li>
<li><a href="#" class="loader" data-timestamp="25:30">Why did the plan change?</a></li>
<li><a href="#" class="loader" data-timestamp="30:42">Common UI library goal, cross mobile platform?</a></li>
<li><a href="#" class="loader" data-timestamp="32:20">How does this relate to jQuery UI?</a></li>
<li><a href="#" class="loader" data-timestamp="34:45">Which mobile browsers will jQ support?</a></li>
<li><a href="#" class="loader" data-timestamp="37:28">Hiddenhancements - $.contains()</a></li>
<li><a href="#" class="loader" data-timestamp="39:11">Plugin of the Week - autoNumeric</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_19">Episode 19 - HTML5Locks, Stocks, & Tw…BZZZZZZZZZZZr</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:00">yayQuery... OK</a></li>
<li><a href="#" class="loader" data-timestamp="1:30">and.... begin</a></li>
<li><a href="#" class="loader" data-timestamp="1:51">Paul gets googed</a></li>
<li><a href="#" class="loader" data-timestamp="2:47">html5rocks</a></li>
<li><a href="#" class="loader" data-timestamp="4:55">html5cawks</a></li>
<li><a href="#" class="loader" data-timestamp="6:20">tx.js</a></li>
<li><a href="#" class="loader" data-timestamp="8:56">Sponsor tx.js</a></li>
<li><a href="#" class="loader" data-timestamp="10:03">ie9 updates</a></li>
<li><a href="#" class="loader" data-timestamp="12:16">ie9 javascript shiz</a></li>
<li><a href="#" class="loader" data-timestamp="13:51">jscript 9 details</a></li>
<li><a href="#" class="loader" data-timestamp="15:24">Interview Question - Host Objects??</a></li>
<li><a href="#" class="loader" data-timestamp="17:25">What's that smell? ie9 sniffing</a></li>
<li><a href="#" class="loader" data-timestamp="18:30">sencha sweet suite</a></li>
<li><a href="#" class="loader" data-timestamp="21:40">Rebecca's book jqfundamentals</a></li>
<li><a href="#" class="loader" data-timestamp="24:48">Plugin of the Week - Validity</a></li>
<li><a href="#" class="loader" data-timestamp="27:00">Tracekit</a></li>
<li><a href="#" class="loader" data-timestamp="28:35">Hiddenhancements - event constructor</a></li>
<li><a href="#" class="loader" data-timestamp="29:13">return false;</a></li>
<li><a href="#" class="loader" data-timestamp="34:28">Resig Dream cont...</a></li>
<li><a href="#" class="loader" data-timestamp="34:51">m$ helping jQ</a></li>
<li><a href="#" class="loader" data-timestamp="39:23">Quizzing John</a></li>
<li><a href="#" class="loader" data-timestamp="42:11">Best Practice for Loadin'</a></li>
<li><a href="#" class="loader" data-timestamp="45:36">Fin!</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_20">Episode 20 - One-Year Reun-oween</span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:00">Gentlemen of yayQuery</a></li>
<li><a href="#" class="loader" data-timestamp="1:12">The Intro Song</a></li>
<li><a href="#" class="loader" data-timestamp="2:11">Excuses!</a></li>
<li><a href="#" class="loader" data-timestamp="2:40">Plenty o'News</a></li>
<li><a href="#" class="loader" data-timestamp="5:12">PubSub</a></li>
<li><a href="#" class="loader" data-timestamp="6:12">Ben Alman, plugin master, is a peck... uh...</a></li>
<li><a href="#" class="loader" data-timestamp="7:04">Yahuda Katz Typing Techniques</a></li>
<li><a href="#" class="loader" data-timestamp="8:24">wijmo jQUery UI Widgets</a></li>
<li><a href="#" class="loader" data-timestamp="11:15">jQuery Mobile</a></li>
<li><a href="#" class="loader" data-timestamp="13:58">jQuery 1.4.3 &lt; rundown</a></li>
<li><a href="#" class="loader" data-timestamp="16:53">.data() or .dada()?</a></li>
<li><a href="#" class="loader" data-timestamp="20:14">jQuery bug tracker reenergized</a></li>
<li><a href="#" class="loader" data-timestamp="22:23">Hiddenhancements - return false shortcut</a></li>
<li><a href="#" class="loader" data-timestamp="23:33">#jquery temp01</a></li>
<li><a href="#" class="loader" data-timestamp="24:00">Ice Cube Refactoring</a></li>
<li><a href="#" class="loader" data-timestamp="26:30">Plugin of the week - templ &amp; datalinking</a></li>
<li><a href="#" class="loader" data-timestamp="26:30">Plugin of the week - templ &amp; datalinking</a></li>
<li><a href="#" class="loader" data-timestamp="31:12">ajpiano's 1st grade blog</a></li>
<li><a href="#" class="loader" data-timestamp="31:38">jQuery Team Members UNITE!</a></li>
<li><a href="#" class="loader" data-timestamp="34:12">yayQuery pillow talk - James Burke</a></li>
<li><a href="#" class="loader" data-timestamp="35:05">jsperf</a></li>
<li><a href="#" class="loader" data-timestamp="36:49">Top 10 jQuery Talks</a></li>
<li><a href="#" class="loader" data-timestamp="37:52">matchesselector()</a></li>
<li><a href="#" class="loader" data-timestamp="39:14">AreWeFastYet</a></li>
<li><a href="#" class="loader" data-timestamp="39:53">AreWeFirstYet - PromoteJS</a></li>
<li><a href="#" class="loader" data-timestamp="40:45">hasjs</a></li>
<li><a href="#" class="loader" data-timestamp="43:40">I'm sorry Mr. Eich</a></li>
<li><a href="#" class="loader" data-timestamp="45:11">Fin</a></li>
</ul>
</div>
</li>
<li>
<span class="episode_title" data-filename="yayquery_21">Episode 21 - </span>
<div class="segments">
<p>Segments</p>
<ul>
<li><a href="#" class="loader" data-timestamp="0:27">Welcome</a></li>
<li><a href="#" class="loader" data-timestamp="0:52">jQuery 1.5 'n da werks</a></li>
<li><a href="#" class="loader" data-timestamp="1:41">jQuery 1.5 .ajax() rewrite details</a></li>
<li><a href="#" class="loader" data-timestamp="4:58">Julian Jaubourg answers the abort question</a></li>
<li><a href="#" class="loader" data-timestamp="7:23">Another question for Shoeleean - Sockets</a></li>
<li><a href="#" class="loader" data-timestamp="8:37">What did 1.5 make better?</a></li>
<li><a href="#" class="loader" data-timestamp="9:35">Die Fledermaus?</a></li>
<li><a href="#" class="loader" data-timestamp="11:11">Shit's broke dawg</a></li>
<li><a href="#" class="loader" data-timestamp="12:17">jQuery UI Tooltip coming</a></li>
<li><a href="#" class="loader" data-timestamp="13:10">Deferred - deferred.hawt(iPromise) in jQuery</a></li>
<li><a href="#" class="loader" data-timestamp="16:40">Alex needs Colin in a bad way</a></li>
<li><a href="#" class="loader" data-timestamp="17:47">How promise and defer are different...</a></li>
<li><a href="#" class="loader" data-timestamp="18:31">jQuery tmpl() not till later</a></li>
<li><a href="#" class="loader" data-timestamp="19:16">New functions $.sub()</a></li>
<li><a href="#" class="loader" data-timestamp="21:52">Buffer and Browser reflows</a></li>
<li><a href="#" class="loader" data-timestamp="24:15">How to check out the most recent jQuery</a></li>
<li><a href="#" class="loader" data-timestamp="25:15">jQuery Weekly Status Meeting</a></li>
<li><a href="#" class="loader" data-timestamp="25:45">Alex hates you</a></li>
<li><a href="#" class="loader" data-timestamp="26:18">Bay Conf</a></li>
<li><a href="#" class="loader" data-timestamp="27:10">Another, NEW compiler - Uglify JS</a></li>
<li><a href="#" class="loader" data-timestamp="28:48">UglifUI - UglifyJS in browser</a></li>
<li><a href="#" class="loader" data-timestamp="29:20">Modernizr w/ Uglify</a></li>
<li><a href="#" class="loader" data-timestamp="30:14">$alex.plugify(), plug away - YepNope</a></li>
<li><a href="#" class="loader" data-timestamp="31:10">Plugin of the Week - David Desandro's isotope</a></li>
<li><a href="#" class="loader" data-timestamp="32:52">Plugin of the Week Runnerup - jQuery Peelback Ad</a></li>
<li><a href="#" class="loader" data-timestamp="33:41">What's YepNope.js?</a></li>
<li><a href="#" class="loader" data-timestamp="34:02">ajpiano has leveled up</a></li>
<li><a href="#" class="loader" data-timestamp="35:00">jQuery UI ToolTip event delegation</a></li>
<li><a href="#" class="loader" data-timestamp="36:03">JavaScript Patterns, W3Fools.com, ECMA Script Harmony... OMG TOO MUCH</a></li>
<li><a href="#" class="loader" data-timestamp="37:07">JSLint Fork</a></li>
<li><a href="#" class="loader" data-timestamp="37:07">JSLint Fork... JustSayin Hint ;)</a></li>
<li><a href="#" class="loader" data-timestamp="37:50">TXJS June 11th 2011</a></li>
<li><a href="#" class="loader" data-timestamp="38:41">11 more things I learned from jQuery source by Douche</a></li>
<li><a href="#" class="loader" data-timestamp="40:00">Fin</a></li>
<li><a href="#" class="loader" data-timestamp="40:18">Dirty durty</a></li>
</ul>
</div>
</li>
</ul>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="js/mediaChapters.js"></script>
<script type="text/javascript">
$('.episode_title').mediaChapter({
audioElement: $('.myaudio'),
audioChapter: $('.loader')
});
// For demo purposes only. Not needed for the plugin
$('.segments').addClass('hide');
$('.episode_title').live('click', function() {
$(this).next('div.segments').toggleClass('hide', 'show');
});
</script>
</body>
</html>