JSFiddle

  • triple pane experiment #2 is the latest revision

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

    <div class='container'>
        <div class='page alpha'>
            <div class='triple-pane'>
                <div class='third-pane'>
            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab ...</div></div></div></div>
  • responsive image test

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

    <div class='container'>
        <img src='http://cdn.londonandpartners.com/assets/73295-640x360-london-skyline-ns.jpg'/>
    </div>
  • Super hacky css

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

    <div class='container'>
        <div class='head'>hello world</div>
        <div class='body'>
            <div class='content'>
            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa ...</div></div></div>
  • sliding home page example #1 is the latest revision

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

    <div class='container'>
        <div class='foo alpha'>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia molestie consequat. Integer condimentum rhoncus sem, vitae accumsan dui tincidunt ...</div></div>
  • slider demo #8 is the latest revision

    jQuery 2.1.3, HTML, SCSS, JavaScript

    var slidableContainer = document.querySelector('.slidable-container');
    
    $('.beta-l').each(function (event) {
    
        $(this).on('click', function () {
            slidableContainer.classList.remove('right-panel');
            slidableContainer.classList.toggle ...
  • Dodecahedron #4 is the latest revision

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

    No code. How about adding some?
  • Tetrahedron #9 is the latest revision

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

    <div class='container'>
        <div class='thing'>
            <div class='triangle'><div><div></div></div></div>
             <div class='triangle'><div><div></div></div></div>
             <div class='triangle'><div><div></div></div></div>
                
        </div>
    </div>
  • cube animation #2 is the latest revision

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

    <div class='container'>
        <div class='square'>
            <div class='face alpha'></div>
            <div class='face beta'></div>
            <div class='face gamma'></div>
            <div class='face delta'></div>
            <div class='face epsilon'></div>
            <div class='face zeta'></div>
        </div>
    </div>
  • equilateral triangle

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

    <div class='triangle'>
        <div></div>
    </div>
  • 3d cube

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

    <div class='foo'>
        <div class="container">
            <div class="alpha"></div>
            <div class="beta"></div>
            <div class="gamma"></div>
            <div class='delta'></div>
            <div class='epsilon'></div>
            <div class='fa'></div>
        </div>
    </div>