JSFiddle

  • Double Line gap

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

    <div class="c-layout__wrapper" style="text-align: center; padding-bottom: 0;">
              <div class="line">
                <h1 class="c-timeline-date">Today</h1>
    
                <section class="c-timeline-event c-timeline-event__image-left">
    
                  <img src="http://via.placeholder.com/200x125">
    
                  <div>
                    <h2>Occaecati cupiditate non provident</h2>
                    <p>
                      At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti ...</p></div></section></div></div>
  • CSS-only slideshow

    JS only for cursor navigation

    jQuery(document).ready( function($) {
    
      var slideshow = $('#slideshow');
      
      function variableselect() {
        // if only one, go forward or back, but don't keep ...
  • CSS Pixelated Speaking Bubble

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

    <div id="bubble">
      <ul>
        <li><span>Hello World!</span></li>
      </ul>
    </div>
  • pixel logo matrix escaping cursor #28 is the latest revision

    jQuery 3.0.0, HTML, SCSS, JavaScript

    baseX = 0;
    baseY = 0;
    pushX = 0;
    pushY = 0;
    ratio = 1000;
    interval = 10;
    
    $(document).bind('mousemove', function(e) {
      mousePos = {
        'x': e ...
  • CSS3 font-smoothing Test for Text on an Angle #18 is the latest revision

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

    //toggling buttons in jquery
    $(function() {
    	$( "button" ).click(function() {
        	var div = $("div");
          var that = $(this);
          if(that.attr("id") == "antialiased"){
            div ...