JSFiddle

  • Pure CSS Tooltips

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

    <!-- normally this stuff would be on the html element -->
    <!--[if lt IE 7]>  <div class="ie ie6 lte9 lte8 lte7"> <![endif]-->
    <!--[if IE 7]>     <div class="ie ie7 lte9 lte8 lte7"> <![endif]-->
    <!--[if IE 8]>     <div class="ie ie8 lte9 lte8"> <![endif]-->
    <!--[if IE 9]>     <div class="ie ie9 lte9"> <![endif]-->
    <!--[if gt IE 9]>  <div> <![endif]-->
    <!--[if !IE]><!--> <div>             <!--<![endif]-->
      <div class="wrapper">
        I have a tooltip.
        <div class="tooltip">I am a tooltip!</div>
      </div>
    </div>
    
    
  • HTML and CSS tooltip

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

    <div>
    
      <h1>
        HTML and CSS tooltip
      </h1>
    <a href="#" title="This is some information for our tooltip." class="tooltip"><span title="">CSS3 Tooltip</span></a>
    </div>
  • Two columns form #1 is the latest revision

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

    <form class="flex-container">
      <input type="text" placeholder="Your Name*">
      <input type="text" placeholder="Your E-Mail Address*">
      <textarea placeholder="Subject"></textarea>
      <textarea placeholder="Type your message here..." rows="7"></textarea>
    </form>
  • Valid Palindrome #1 is the latest revision

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

    /**
     * @param {string} s
     * @return {boolean}
     */
    var isPalindrome = function(s) {
        /*
        s=s.replace(/[^0-9a-z]/gi, '').toLowerCase();
        let left = 0;
        let right ...
  • (linkedin) endorsements

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

    var endorsements = [
      { skill: 'javascript', user: 'Chad' },
      { skill: 'javascript', user: 'Bill' },
      { skill: 'css', user: 'Sue' },
      { skill: 'javascript', user: 'Sue' },
      { skill: 'css ...
  • HTML and CSS tooltip

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

    <div>
    
      <h1>
        HTML and CSS tooltip
      </h1>
    <a href="#" title="This is some information for our tooltip." class="tooltip"><span title="">CSS3 Tooltip</span></a>
    </div>
  • Pure CSS Tooltips

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

    <!-- normally this stuff would be on the html element -->
    <!--[if lt IE 7]>  <div class="ie ie6 lte9 lte8 lte7"> <![endif]-->
    <!--[if IE 7]>     <div class="ie ie7 lte9 lte8 lte7"> <![endif]-->
    <!--[if IE 8]>     <div class="ie ie8 lte9 lte8"> <![endif]-->
    <!--[if IE 9]>     <div class="ie ie9 lte9"> <![endif]-->
    <!--[if gt IE 9]>  <div> <![endif]-->
    <!--[if !IE]><!--> <div>             <!--<![endif]-->
      <div class="wrapper">
        I have a tooltip.
        <div class="tooltip">I am a tooltip!</div>
      </div>
    </div>
    
    
  • (addepar), sqaure, light out

    jQuery 3.2.1, HTML, SCSS, JavaScript

    let container = document.getElementById('container')
    let squares = new Array(30).fill(0);
    let square_elements = [];
    let clicked = [];
    let rollback = false;
    
    squares ...
  • 1
  • 2