JSFiddle

  • Prism highlighting

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

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.js"></script>
        
    <pre><code class="language-javascript">&lt;ActionBar title="My ActionBar"&gt;&lt;/ActionBar&gt;</code></pre>
    
    
    
  • Shadow Root Swap on <input>

    jQuery (edge), HTML, CSS, JavaScript

    var dateRoot = document.querySelector( "input" )
        .createShadowRoot();
    
    $( "input" ).datepicker({
        dateFormat: "yy-mm-dd",
        onSelect: function( dateText ) {
            dateRoot.innerHTML = dateText;
        }
    });
    
  • Shadow Root Swap on <input>

    jQuery (edge), HTML, CSS, JavaScript

    var dateRoot = document.querySelector( "input" )
        .createShadowRoot();
    
    $( "input" ).datepicker({
        dateFormat: "yy-mm-dd",
        onSelect: function( dateText ) {
            dateRoot.innerHTML = dateText;
        }
    });
    
  • Prism highlighting #53 is the latest revision

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

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.js"></script>
        
    <pre><code class="language-css">p { color: red }</code></pre>
    <pre><code class="language-javascript">var fileSystemModule = require( "file-system" );
    new fileSystemModule.File( "path/to/file" );</code></pre>
  • jQuery UI Sortable: Firefox :active issue #4 is the latest revision

    Pseudo class :active gets suppressed by ui.sortable in Firefox

    $.widget( "ui.sortable", $.ui.sortable, {
        _create: function() {
            this._super();
            this._on( this.element, {
                "mousedown > *": function( event ) {
                    $( event.target ).addClass( "ui-sortable-active ...
  • Kanye West Quote Viewer

    This is important stuff internet.

    $( "#kanye-quote" ).kanye();
    
    function buildQuote() {
        $( "#kanye-quote" ).kanye({
            angry: $( "#angry" ).is( ":checked" ),
            explicit: $( "#explicit" ).is( ":checked" ),
            length: $( "#short" ).is( ":checked" ) ? "short" : "rant ...
  • Selectmenu with jQuery UI icons #9 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    $.widget( "ui.selectmenu", $.ui.selectmenu, {
        _renderItem: function( ul, item ) {
            console.log( item );
            var li = $( "<li>" )
                .append( item.label )
                .css( "padding-left", "1 ...</li>
  • Kendo UI Starting Point

    Kendo UI starter fiddle for test cases.

    var model = kendo.observable({
        helloWorld: function() {
            console.log( "hello world" );
        }
    });
    kendo.bind( document.body, model );
  • Kendo UI Starting Point

    Kendo UI starter fiddle for test cases.

    var myWindow = $( "div" ).kendoWindow({
        draggable: false,
        resizable: false
    }).data( "kendoWindow" );
    myWindow.wrapper.addClass( "fixed" );
    
  • Kendo UI Starting Point #1 is the latest revision

    Kendo UI starter fiddle for test cases.

    new kendo.mobile.Application( document.body );
    function foo() {
        alert( "foo" );
    };