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 -->
    
    <use xlink:href="#box"  transform="translate(-50,-50) scale(2)" />
    <use xlink:href="#box"  transform="translate(-100,-100) scale(3)" />
      
    <!-- 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>
  • google+ javascript api

    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
     * All rights reserved.
     *
     * 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>
        <head>
            <meta charset='utf-8'>
            <title>
                post
            </title>
            <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
            <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script>
            <script type="text/javascript">
                $(document).ready(function() {
                    SetupGrowingDivs();
                });
                function SetupGrowingDivs() {
                    var scale = 1.5;
                    $('div.front').find('img').live({
                        mouseover: function() {
                            $(this).css ...</script></meta></head></html></!doctype>
  • 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');
        s.setAttribute('src', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4 ...
  • 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,
               username: "victusfate"
      });