JSFiddle

  • Highcharts Demo

    author(s): Torstein H√łnsi

    $(function () {
        $(document).ready(function () {
            Highcharts.setOptions({
                global: {
                    useUTC: false
                }
            });
    
            Highcharts.chart('container', {
                chart: {
                    type: 'spline',
                    animation: Highcharts.svg, // don't ...
  • Export Custom data columns

    Export custom data columns in CSV export

    var chart = new Highcharts.StockChart({
    
        chart: {
            renderTo: 'container'
        },
    
        navigator: {
            series: {
                includeInCSVExport: false
            }
        },
        series: [{
            data: [29.9, 71.5, 106.4 ...
  • Export Custom data columns

    Export custom data columns in CSV export

    var chart = new Highcharts.StockChart({
    
        chart: {
            renderTo: 'container'
        },
    
        navigator: {
            series: {
                includeInCSVExport: false
            }
        },
        series: [{
            data: [29.9, 71.5, 106.4 ...
  • gmaps.js console #1 is the latest revision

    Play with gmaps.js

    map = new GMaps({
        div: '#map',
        lat: 15.11766,
        lng: 74.123996
    });
    
    $('form').submit(function(e){
        e.preventDefault();
        GMaps.geocode({
            address ...
  • background opacity #62 is the latest revision

    background image opacity

    <div class="wrapper">
        <div class="inner">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed ...</div></div>
  • 256 classes to override one ID

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

    <div id="id" class="class1 class2 class3 class4 class5 class6 class7 class8 class9 class10 class11 class12 class13 class14 class15 class16 class17 class18 class19 class20 class21 class22 class23 class24 class25 class26 class27 class28 class29 class30 class31 class32 class33 class34 class35 class36 class37 class38 class39 class40 class41 class42 class43 class44 class45 class46 class47 class48 class49 class50 class51 class52 class53 class54 class55 class56 class57 class58 class59 class60 class61 class62 class63 class64 class65 class66 class67 class68 class69 class70 class71 class72 class73 class74 class75 class76 class77 class78 class79 class80 class81 class82 class83 class84 class85 class86 class87 class88 class89 class90 class91 class92 class93 class94 class95 class96 class97 class98 class99 class100 class101 class102 class103 class104 class105 class106 class107 class108 class109 class110 class111 class112 class113 class114 class115 class116 class117 class118 class119 class120 class121 class122 class123 class124 class125 class126 class127 class128 class129 class130 class131 class132 class133 class134 class135 class136 class137 class138 class139 class140 class141 class142 class143 class144 class145 class146 class147 class148 class149 class150 class151 class152 class153 class154 class155 class156 class157 class158 class159 class160 class161 class162 class163 class164 class165 class166 class167 class168 class169 class170 class171 class172 class173 class174 class175 class176 class177 class178 class179 class180 class181 class182 class183 class184 class185 class186 class187 class188 class189 class190 class191 class192 class193 class194 class195 class196 class197 class198 class199 class200 class201 class202 class203 class204 class205 class206 class207 class208 class209 class210 class211 class212 class213 class214 class215 class216 class217 class218 class219 class220 class221 class222 class223 class224 class225 class226 class227 class228 class229 class230 class231 class232 class233 class234 class235 class236 class237 class238 class239 class240 class241 class242 class243 class244 class245 class246 class247 class248 class249 class250 class251 class252 class253 class254 class255 class256">
  • :not() pseudo class

    :not() pseudo usage

    <ul class="first-method">
      <li>first</li>
      <li class="active">second</li>
      <li>third</li>
      <li>forth</li>
    </ul>
    
    <ul class="second-method">
      <li>first</li>
      <li class="active">second</li>
      <li>third</li>
      <li>forth</li>
    </ul>
  • diaframa concept

    Transition on window load.

    jQuery('#box').css({'-webkit-transition': '1s box-shadow'}); jQuery('#box:after').css({'-webkit-transition': '1s box-shadow'});
  • scss: override variable with variable. #7 is the latest revision

    Override one variable with other variable.

    <div>asdfiusadf iuhas dfiouha sdifuosuiadfo</div>
  • Seletors example

    Some selectors examples.

    <!-- Sibling selectors -->
    <div class="main">
        <div class="first child">First div</div>
        <div class="second child">Second div</div>
        <div class="third child">Third div</div>
    </div>
    
    <!-- child selectors -->
    <ul class="menu menu--main">
        <li class="menu__item">one
            <ul class="menu menu--submenu">
                <li class="menu__item">sub-one</li>
                <li class="menu__item">sub-two</li>
            </ul>
        </li>
        <li class="menu__item">two</li>
        <li class="menu__item">three</li>
        <li class="menu__item">four</li>
    </ul>