• test 2

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

  • test #2 is the latest revision

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

    if (true)
    	console.log this
  • Using forEach on document.querySelectorAll #4 is the latest revision

    Using forEach on document.querySelectorAll

    let selector = document.querySelectorAll("a")
    let links    = Array.from(selector)
    	link.addEventListener("click", function(event){
      	event ...
  • Basic Column Chart - CanvasJS JavaScript Charts #13 is the latest revision

    Basic Column Chart - CanvasJS JavaScript Charts

    var chart = new CanvasJS.Chart("chartContainer",
          data: [
            type: "column",
            dataPoints: [
            { x: 10, y: 71 },
            { x: 20, y: 55},
            { x: 30 ...
  • Vertical align image with flex #4 is the latest revision

    Vertical align image with flex

      <img src="http://i.giphy.com/xYHscQ1Np55i8.gif" width="300">
  • Vertical align with flexbox #6 is the latest revision

    Vertical align with flexbox

      <img src="http://i.giphy.com/xYHscQ1Np55i8.gif" width="300">
  • Event delegation pure JS #6 is the latest revision

    Very simple implementation of event delegation in pure JS

    var relayEvent = function(element, target, eventName, fn){
    	var targetEl  = document.querySelector(target);
      var elementEl = document.querySelector(element);
    	elementEl.addEventListener(eventName ...
  • Extract colors from an image #369 is the latest revision

    Get color swatches from image with Vibrant.js. Extract colors from an image.

    dropZone = document.getElementById "drop"
    handleFileSelect = (event) ->
        files = event.dataTransfer.files
        f = files[0]
        reader = new FileReader ...
  • Custom checkboxes CSS Animation #26 is the latest revision

    Custom checkboxes CSS Animation

    <!-- inspired by https://dribbble.com/shots/1927803-Toggle -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <form action="">
            <input type="checkbox" />
            <div><i class="fa fa-dribbble"></i></div>
            <input type="checkbox" checked />
            <div><i class="fa fa-jsfiddle"></i></div>
            <input type="checkbox" />
            <div><i class="fa fa-github"></i></div>
            <input type="checkbox" />
            <div><i class="fa fa-twitter"></i></div>
  • 123

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

    No code. How about adding some?