JSFiddle

  • Draw a circle with Javascript #4 is the latest revision

    but no canvas

    var moveMe = (function() {
        var cx, cy, r, x, y, b, circle;
        cx = cy = 200;
        r = 200;
        circle = document.getElementById('circle ...
  • Find characters in string #10 is the latest revision

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

    document.querySelector('input[type=button]').addEventListener('click', function(){findMe();});
    
    var findMe = function() {
            var text = document.getElementById('text').value,
                chars = document ...
  • Roll the Dice #191 is the latest revision

    If you need a dice roller for a game, here you go

    document.querySelector('input[type=button]').addEventListener('click', function(){rollTheDice();});
    
    var rollTheDice = function() {
        var i,
            faceValue,
            output = '',
            diceCount = document.querySelector('input ...
  • Temperature Converter #35 is the latest revision

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

    var temperatures = function(t) {
            var output, given, result, opposite;
            given = document.getElementById('temp').value;
            if (t === "C") {
                result = 1.8 ...
  • Testing <q>

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

    <q lang="fr-fr">Bonjour <q> said the rabbit </q></q>
  • CSS calc() #2 is the latest revision

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

    <div></div>
  • Flexbox #2 is the latest revision

    flexbox direction

    <section>
     <article>
        <div>A</div>
        <div>B</div>
        <div>C</div>
    </article>
    <article>
        <div>A</div>
        <div>B</div>
        <div>C</div>
    </article>
    <article>
        <div>A</div>
        <div>B</div>
        <div>C</div>
    </article><article>
        <div>A</div>
        <div>B</div>
        <div>C</div>
    </article>
    <article>
        <div>A</div>
        <div>B</div>
        <div>C</div>
    </article>
    <article>
        <div>A</div>
        <div>B</div>
        <div>C</div>
    </article>
    
  • you can :hover anything

    Mootools 1.4.5, HTML, CSS, JavaScript

    <p>Don&rsquo;t you hate when you <a>placeholder link </a> think you memorized the spec and it changes on you?</p>
  • Candy Button

    Feel free to change the color.

    <div>Click Me!</div>
  • Mute Icon as SVG Data URI #4 is the latest revision

    Mootools 1.3.2, HTML, CSS, JavaScript

    <h1>SVG as a data URI for background images....</h1>
    <p>just because you can, doesn't mean you should.</p>