JSFiddle

  • SVG Font Viewer #135 is the latest revision

    Show all defined glyph in font, its name and unicode

    var doc = document.documentElement;
    var toload = 0;
    var loaded = 0;
    var target = document.body;
    
    var createSVG = function (charsvg, ex, em ...
  • Social Buttons

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

    (function (socialBanners) {
        var addSocialButtons = function (banner){
            banner.innerHTML = banner.innerHTML
                .replace(/_URL_TO_MEDIA_/gm, encodeURIComponent(banner.getAttribute('data-url-to-media')))
                .replace(/_URL_/gm ...
  • bottom gradient2

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

    <div id="test" class="shaddow_bottom">
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        Hello, World!
    </div>
  • String to HEX escaping

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

    toHex = function(s,e,p,c){c=c||'';arr=[];s.split('').forEach(function(a){arr.push(e.indexOf(a)>-1 ...
  • Custom console #2 is the latest revision

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

    // console.ok
    (function () {
      console.ok = function () {
    [].unshift.call(arguments, '%c','display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1gkbEzA78pYlgwAAAB10RVh0Q29tbWVudABDcmVhdGVkIHdpdGggVGhlIEdJTVDvZCVuAAAAkFBMVEUAAADj7eLj7eJ2sFp2sVoWcQMddwQedgweeAUiewUmeBkmfwYrfhoufiEvhgwziQ00gyM0jAg9kwlDlxREkyFIngtKnRRKoAxLlTJMmx5Rpg1SnyVTlEtZoyxbpypcrw9hoUhjolBop05wrVKCvFqpzJutzKewz6uy0Km32KDk7 ...
  • Fixed table header

    Problem: * Fixed header is fixed relativly to HTML body. * IE8 overflow

    (function r(f) {
        /p/.test(document.readyState) ? f(f) : setTimeout('(' + r + ')(' + f + ')', 9);
    })(function () {
        "use strict";
    
        (window.onresize = function () {
            var ...
  • On DOM Ready

    jQuery 1.6.4, HTML, CSS, JavaScript

    // Oldschool
    (function r(f){/p/.test(document.readyState)?f(f):setTimeout('('+r+')('+f+')',9)})(function(){
        console.log("me executed 2nd ...
  • Lazy calculations #9 is the latest revision

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

    // FIXME: RegExp - not a good choise to parse Function, but maybe the only solution
    function Lazy(f, v) {
        var r ...
  • Simple rangeset

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

    (function(rangeset){
        var item;
        for (item in rangeset){
            !((item+1)*1) || (rangeset[item].onchange = function (){
                var rangeset = this.parentNode.children ...
  • Image zoom

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

    [].forEach.call(document.querySelectorAll('img'), function (i) {
        var ni = (new Image());
        ni.id = (function () {
            return Math.random().toString(32).slice ...