JSFiddle

  • controlling validationmessages through data-errormessage #10 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    webshim.setOptions('forms', {
        //show custom styleable validation bubble
        replaceValidationUI: true
    });
    
    //start polyfilling
    webshim.polyfill('forms');
  • Configuration of Webshims input widgets #6 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    webshim.setOptions('forms-ext', {
        replaceUI: true
    });
    
    webshim.polyfill('forms forms-ext');
    
  • instrinsic sizes

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

    Array.prototype.slice.call(document.querySelectorAll('.dynamic-sizes')).forEach(function (module) {
        var timer;
        var img = module.querySelector('img');
        var range = module ...
  • using .ws-validate

    jQuery 1.9.1, HTML, CSS, JavaScript

    webshim.setOptions('forms', {
        lazyCustomMessages: true
    });
    
    //start polyfilling
    webshim.polyfill('forms');
  • using .ws-validate

    jQuery 1.9.1, HTML, CSS, JavaScript

    webshim.setOptions('forms', {
        lazyCustomMessages: true
    });
    webshim.setOptions('forms', {
    	//instant validation options
    	iVal: {
    		
            "fieldWrapper": ":not(li):not(span):not(label):not ...
  • Using type number for a currency input #10 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    webshims.setOptions('forms-ext', {
        replaceUI: 'auto',
        types: 'number'
    });
    webshims.polyfill('forms forms-ext');
    
    $(function () {
        $('.add').on('click', function(){
            $($('#tmpl').html()).appendTo('body ...
  • instrinsic sizes

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

    <script src="http://rawgit.com/aFarkas/respimage/stable/respimage.dev.js" async=""></script>
    <script src="http://afarkas.github.io/lazysizes/lazysizes.js" async=""></script>
    
    <div class="dynamic-sizes">
        
        <img data-srcset="http://placehold.it/700x300 700w,
          http://placehold.it/1400x600 1400w,
        	http://placehold.it/350x150 350w,
          http://placehold.it/875x375 875w" 
        src="http://placehold.it/350x150" 
        data-sizes="auto" 
        class="lazyload"
        alt="fluid image" />
    </div>
    <p><a href="https://github.com/aFarkas/respimage" target="_blank">respimg</a>
    
    </p>
  • instrinsic sizes

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

    Array.prototype.slice.call(document.querySelectorAll('.dynamic-sizes')).forEach(function (module) {
        var timer;
        var img = module.querySelector('img');
        var range = module ...
  • Configuration of Webshims input widgets #5 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    //webshim.setOptions('forms-ext', {
    //    replaceUI: 'auto'
    //});
    
    //set language/UI dateformat || or use lang attribute on html element
    //webshims.activeLang('hu'); // hu ...
  • Configuration of Webshims input widgets #4 is the latest revision

    jQuery 1.11.0, HTML, CSS, JavaScript

    webshim.setOptions('forms-ext', {
        replaceUI: 'auto'
    });
    
    //set language/UI dateformat || or use lang attribute on html element
    //webshims.activeLang('hu'); // hu ...