JSFiddle

  • SVG Font Viewer

    Show all defined glyph in font, its name and unicode

    var doc = document.documentElement;
    var toload = 0;
    var loaded = 0;
    var target = document.body;
    
    var createSVG = function (charsvg, ex, em ...
  • React Base Fiddle (JSX)

    Starting point for creating JSFiddles with React. This uses React with Addons.

    var Hello = React.createClass({
      getInitialState: function() {
        return {items: new Set([1,2,3])};
      },
    
      render: function() {
        return <div>{'{' + Array.from(this.state ...</div>
  • React Base Fiddle (JSX)

    Starting point for creating JSFiddles with React. This uses React with Addons.

    var Hello = React.createClass({
      getInitialState: function() {
        return {items: new Set([1,2,3])};
      },
    
      render: function() {
        return <div>{'{' + Array.from(this.state ...</div>
  • React Base Fiddle (JSX) #1 is the latest revision

    Starting point for creating JSFiddles with React. This uses React with Addons.

    var Hello = React.createClass({
      render: function() {
        return <div>Hello {this.props.name}</div>;
      }
    });
    
    ReactDOM.render(
      <Hello name="World" />,
      document.getElementById('container')
    );
    
  • React Base Fiddle (JSX) #1 is the latest revision

    Starting point for creating JSFiddles with React. This uses React with Addons.

    var Hello = React.createClass({
      render: function() {
        return <div>Hello {this.props.name}</div>;
      }
    });
    
    ReactDOM.render(
      <Hello name="World" />,
      document.getElementById('container')
    );
    
  • ASCII Spinners #19 is the latest revision

    jQuery 1.8.3, HTML, CSS, JavaScript

    var spinners = [
        "←↖↑↗→↘↓↙",
        "▁▃▄▅▆▇█▇▆▅▄▃",
        "▉▊▋▌▍▎▏▎▍▌▋▊▉",
        "▖▘▝▗",
        "┤┘┴└├┌┬┐",
        "◢◣◤◥",
        "◰◳◲◱",
        "◴◷◶◵",
        "◐◓◑◒",
        "|/-\\",
        ".oO@*",
        ["◡◡", "⊙⊙", "◠◠"],
        "⣾⣽⣻⢿⡿⣟⣯⣷",
        "⠁⠂⠄⡀⢀⠠⠐⠈",
        [">))'>"," >))'>","  >))'>","   >))'>","    >))'>","   <'((<","  <'((<"," <'((<"],
    ];
    
    for(var s=0; s<spinners.length; ++s) {
        var spinner = spinners[s];
        var el = document.createElement('div ...
  • UL/LI autogrow

    Mootools 1.4.5, HTML, CSS, JavaScript

    <ul>
        <li>
            <a href="#">Test</a>
        </li>
        <li>
            Test  
            Test
            Test
            Test            
        </li>
    </ul>
  • UL/LI autogrow

    Mootools 1.4.5, HTML, CSS, JavaScript

    <ul>
        <li>
            Test
        </li>
        <li>
            Test  
            Test
            Test
            Test            
        </li>
    </ul>
  • Call Chain

    jQuery 2.0.2, HTML, CSS, JavaScript

    Function.prototype.callChain = function(thisArg) {
        this.apply(thisArg, arguments);
        return this;
    }
    
    $('button').on('click', function() {
        alert('one more time');
    }.callChain());
  • jQuery UI IE8 Calendar Bug 8192 #2 is the latest revision

    jQuery 1.6.4, HTML, CSS, JavaScript

    $('#cal').datepicker();
    $('#open').click(function() {
        $('#cal').datepicker('show');
    });