# JSFiddle

• ### m3u8 staging#38 is the latest revision

jQuery 1.8.3, HTML, CSS, JavaScript

``````    \$(document).ready(function(){
document.body.appendChild(document.createElement('br'));

\$("#closeSimple").click(function() {
\$("div#simpleModal").removeClass("show");
\$("#videoContainer")[0].pause();
return ...``````
• ### skew example

Mootools 1.4.5, HTML, CSS, JavaScript

``````<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="500" height="500">

<!-- Center of scaling  -->
<circle cx="50" cy="50"  r="2" style="fill:red"/>

<!-- Non-scale rectangle -->
<g>
<g id="box" style="fill:none;stroke:green">
<rect x="35" y="40" width="30" height="20" />
</g>

<!--To create object by a given factor around a center point -->

<!-- Example Skew - Show effects of skewX and skewY  -->

<g style="fill:none; stroke:blue; stroke-width:3">
<!-- Draw the axes of the original coordinate system -->
<line x1="0" y1="220" x2="240" y2="220" />
<line x1="0" y1="220" x2="0" y2="420" />
</g>

<!-- Establish a new coordinate system whose origin is at (30,30)
in the initial coord. system and which is skewed in X by 30 degrees. -->
<g transform="translate(10,250)">
<g transform="skewX(30)">
<g style="fill:none; stroke:red; stroke-width:3">
<line x1="0" y1="0" x2="50" y2="0" />
<line x1="0" y1="0" x2="0" y2="50" />
</g>
<text x="0" y="0" style="font-size:18; font-family:Verdana; fill:purple">
ABC (skewX)
</text>
</g>
</g>

<!-- Establish a new coordinate system whose origin is at (200,30)
in the initial coord. system and which is skewed in Y by 30 degrees. -->
<g transform="translate(140,250)">
<g transform="skewY(30)">
<g style="fill:none; stroke:red; stroke-width:3">
<line x1="0" y1="0" x2="50" y2="0" />
<line x1="0" y1="0" x2="0" y2="50" />
</g>
<text x="0" y="0" style="font-size:18; font-family:Verdana; fill:brown">
ABC (skewY)
</text>
</g>
</g>
</svg>``````

jQuery 1.7, HTML, CSS, JavaScript

``````var scope = "https://www.googleapis.com/auth/plus.me";
var client_id = "＜ここに登録したClient IDを記入する＞";

function \$(id) {
return document.getElementById(id);
}
// JSONP ...``````
• ### debt clock#2 is the latest revision

from: http://www.debtclock.us/debtclock.js

``````/**
* Copyright (c) 2010, Carl Mowday
*
* Redistribution and use in source and binary forms, with or without modification ...``````
• ### ycombinator

differential equation solution with javascript ycombinator instead of loops or recursion...

``````
``````
• ### resizing images jquery#2 is the latest revision

No-Library (pure JS), HTML, CSS, JavaScript

``````<!DOCTYPE html>
<html>
<meta charset='utf-8'>
<title>
post
</title>
<script type="text/javascript">
SetupGrowingDivs();
});
function SetupGrowingDivs() {
var scale = 1.5;
\$('div.front').find('img').live({
mouseover: function() {
• ### jquery string manipulation#9 is the latest revision

jQuery 1.4.4, HTML, CSS, JavaScript

``````function dump(str) {
\$('<div>' + str + '<br/></div>').appendTo('body');
}

var str = '<a href="#">bacon</a> <a href="#">tastes good</a>';
dump("str= " + str);
var b = \$(str).html();
dump("\$(str ...``````
• ### testing dynamic jquery loads#18 is the latest revision

No-Library (pure JS), HTML, CSS, JavaScript

``````function jQueryUIify() {
var s = window.document.createElement('script');
• ### Delayed Mouse Tracking

Processing.js 1.0.0, HTML, CSS, JavaScript

``````var scripts=document.getElementsByTagName("script");
for(var i=0;i<scripts.length;i++) {
if(scripts[i].type=="application/processing"){
var ...``````
• ### jquery tweets

jQuery 1.4.4, HTML, CSS, JavaScript

`````` \$('#tweets').tweets({
tweets:4,