cfinster

function change_favicon(img) {
    var favicon = document.querySelector('link[rel="shortcut icon"]');
    
    if (!favicon) {
        favicon = document.createElement('link');
        favicon.setAttribute('rel', 'shortcut icon');
        var head = document.querySelector('head');
        head.appendChild(favicon);
    }
    

cfinster

Masonry - imagesLoaded progress

A Pen by David DeSandro on CodePen.

License.

cfinster

Masonry - fitWidth

Forked from David DeSandro's Pen Masonry - columnWidth.

A Pen by Charles F. on CodePen.

License.

cfinster

Randomized Images Using Flexbox & JavaScript

Images arranged masonry-style with flexbox, randomized with a Yates shuffle on initial display and after window resize / refresh. Sequential display on first load. Details covered by ]an article on my blog](http://demosthenes.info/blog/926/Random-Images-With-Flexbox-amp-JavaScript). Photographs by Trey Ratcliff.

Forked from Dudley Storey's Pen Randomized Images Using Flexbox & JavaScript.

A Pen by Charles F. on CodePen.

License.

cfinster

Dynamic Height and Width, with Susy!

Inspired by this pen here: http://codepen.io/digsite_/pen/iCJLo Wanted to share a mixin I've been using for a while. Combined with Susy for funsies.

Forked from Sean Dempsey's Pen Dynamic Height and Width, with Susy!.

A Pen by Charles F. on CodePen.

License.

cfinster

Masonry - imagesLoaded progress

Forked from David DeSandro's Pen Isotope - imagesLoaded progress.

A Pen by Captain Anonymous on CodePen.

License.

cfinster

grid system

http://csswizardry.com/csswizardry-grids/

A Pen by Akhbar on CodePen.

License.

cfinster

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-45381841-1', 'auto');
  ga('send', 'pageview');

</script>

cfinster

<img src='https://chart.googleapis.com/chart?cht=qr&chl=Live%20in%20your%20world%2C%20play%20in%20ours!&chs=180x180&choe=UTF-8&chld=L|2' alt='qr code'>
<a href='http://www.qrcode-generator.de' border='0' style='cursor:default'  rel='nofollow'></a>

cfinster

background: linear-gradient(62deg, #250c4e, #be4cbf);
background-size: 400% 400%;
-webkit-animation: AnimationName 10s ease infinite;
-moz-animation: AnimationName 10s ease infinite;
-o-animation: AnimationName 10s ease infinite;
animation: AnimationName 10s ease infinite;
@-webkit-keyframes AnimationName {
    0%{background-position:0% 74%}
    50%{background-position:100% 27%}
    100%{background-position:0% 74%}