JSFiddle

  • Test Write Overlay and Simple Counter

    jQuery 1.10.1, HTML, CSS, JavaScript

     $('<div class="overlay"><h1 class="timer"></h1></div>')
        .css({
            position    : 'fixed',
            top         : 0,
            left        : 0,
            right       : 0,
            bottom      : 0,
            opacity     : 0.6,
            background  : 'black',
            display     : 'none'
        })
        .appendTo('body ...
  • Simple Resize Example

    jQuery 1.8.3, HTML, CSS, JavaScript

    $(function(){
    
    $(window).bind("resize",function(){
        console.log($(this).width())
        if($(this).width() <500){
        $('div').removeClass('yellow').addClass('red')
        }
        else{
        $('div ...
  • Styled Bullets #17 is the latest revision

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

    <div>
        <ul>
    	<li>It relies on a maximum width value when viewed on large screens, adopts to narrow environments and picks the best ...</li></ul></div>
  • Text-shadow Example

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

    <h1>Titel</h1>
  • Design Pattern

    jQuery 1.10.1, HTML, CSS, JavaScript

    <div id="wpcom-author">
    <img alt="" src="http://2.gravatar.com/avatar/ed3eefbe2cdb55d5fa0ed5da44c9608a?s=64&amp;d=retro" class="avatar avatar-64 grav-hashed grav-hijack" height="64" width="64" id="grav-ed3eefbe2cdb55d5fa0ed5da44c9608a-0">
        <p id="postauthor"><span>by</span> <strong>Dan</strong></p>
    	<p id="postmetadata">
    		<small>
    			Posted: 16.12.2013 Filed in
                <a href="http://en.blog.wordpress.com/category/customization/" title="View all posts in Customization" rel="category tag">Customization</a>,
                <a href="http://en.blog.wordpress.com/category/design/" title="View all posts in Design" rel="category tag">Design</a>,
                <a href="http://en.blog.wordpress.com/category/photos-2/" title="View all posts in Photos" rel="category tag">Photos</a>.					            </small>
    		</p>
    
    </div>