willwright82

[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?

willwright82

<style>
.vertical-align {
    display: flex;
    align-items: center;
    /*align-items: baseline;*/
    justify-content: center;
    flex-direction: row;
}
</style>

willwright82

$('.pull-down').each(function() {
    $(this).css('margin-top', $(this).parent().height()-$(this).height())
});

willwright82

<div class="my-container">
    <h1>Heading 1</h1>
</div>

<style>
.my-container {
    position: relative;
    background: #5C97FF;
    overflow: hidden;
}

willwright82

/*==================================================
=                  Media Queries                   =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

willwright82

function unWrapPlaceholder() {
    $(this).contents().unwrap();
}

$(function() {
    $("#includedContent").load("b.html", unWrapPlaceholder);
    $("#headerContent").load("h.html", unWrapPlaceholder);
    $("#footerContent").load("f.html", unWrapPlaceholder);
});

willwright82

<script>
    $(window).bind("load", function() {
       $.getScript('js/social.js', function() {});
    });
</script>

willwright82

<!-- In depth Article @ http://www.html5rocks.com/en/tutorials/shapes/getting-started/ -->
<img class=”element” src=”image.png” />
<p>Lorem ipsum…</p>

<style>
@supports (shape-outside: circle(50%)) {
    /* styles only for browsers which support CSS Shapes */
    .element {
        /* Image Based */
        shape-outside: url(image.png);

willwright82

.multiplebgs body {
   background: 
   url(top.png) 600px 10px no-repeat,
   url(middle.png) 10px 10px no-repeat, 
   url(bottom.png);
}
.no-multiplebgs body {
  background: url(lame-fallback.png) 600px 10px no-repeat;
}

willwright82

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}