JSFiddle

  • Animate Logo - Stack Overflow Q'n #14 is the latest revision

    Animate Logo - Stack Overflow Q'n & Answered - http://stackoverflow.com/questions/42424862/how-to-make-my-logo-js-animation-scale-like-image-logo-on-website

     // Create an array to store our particles
     var particles = [];
    
     // The amount of particles to render
     var particleCount = 10;
    
     // The maximum ...
  • Table aria-expanded="true" or False Based on Event

    toggle aria-expanded="false"

    $('.radio-table-responsive .details-row .collapse').on('shown.bs.collapse hidden.bs.collapse', function (e) {
            //Find the element with data-toggle="collapsed" data-target= myid ...
  • Background Color Change on Scroll - Opacity change - Window Object

    jQuery 1.9.1, HTML, CSS, JavaScript

    $(function() {
    
      var $animate = $('.backgrounds li');
      var $window = $(window);
    
      function check_if_in_view() {
        var window_height = $window.height();
        var window_top_position = $window.scrollTop();
        var window_bottom_position ...
  • Table aria-expanded="true" or False Click function #3 is the latest revision

    toggle aria-expanded="false"

    $("tr.table-row").click(function() {
      if ($(this).attr('aria-expanded') === 'true') {
        $(this).attr('aria-expanded', 'false');
    
      } else {
        $(this).attr('aria-expanded', 'true');
      }
    });
    
  • Table aria-expanded="true" or False Click function

    toggle aria-expanded="false"

    $("tr.table-row").click(function() {
      if ($(this).attr('aria-expanded') === 'true') {
        $(this).attr('aria-expanded', 'false');
    
      } else {
        $(this).attr('aria-expanded', 'true');
      }
    });
    
  • Date Function - Update P (DOM)

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

    function displayDate(){
    		document.getElementById("demo").innerHTML=Date();
    	}
  • JavaScript Create P Or Div Increment - Buttons From Array

    JS Create P Or Div From Array with Increment- Alert Value - Clickable Buttons with Sass

    document.body.innerHTML = '';
    
    var nums = [1, 2, 3];
    
    for (var i = 0; i < nums.length; i++) {
    
      var num = nums[i ...
  • JSON - Profile Links - SASS

    Fading Colour of Links From JSON with Sass

    var info = {
      "full_name": "Ben Graham",
      "title": "Senior Analyst",
      "links": [{
        "Ben's Site": "http://benjamingraham.com.au"
      }, {
        "Behance": "https://www.behance ...
  • Sass Map - Key Value Pairs

    Key : Value - Map()

    <div class="container">
      <div class="Australia"></div>
      <div class="England"></div>
      <div class="NewZealand"></div>
      <div class="Brazil"></div>
    </div>
    
  • Sass For Loop

    @For Sass Loop

    <div class="container">
    <div class="tile1"></div>
    <div class="tile2"></div>
    <div class="tile3"></div>
    <div class="tile4"></div>
    <div class="tile5"></div>
    <div class="tile6"></div>
    <div class="tile7"></div>
    <div class="tile8"></div>
    <div class="tile9"></div>
    <div class="tile10"></div>
    </div>