HELLO

The opinions expressed here are those of the Presenter and do not necessarily reflect the positions of the U.S. Department of Defense.

!Despite his statements to the contrary he does not have the authority or capability to order a drone strike based on the geolocation data of

your snarky tweets.

http://www.comicvine.com/forums/battles-7/bugs-bunny-

vs-popeye-the-sailor-man-757492/

From Page Designs to Design Systems

http://pattern-lab.info/

Performance

Keep Javascript libraries to a minimum or conditionally load them

Instead of Social Media plugins use links

<a class="entypo-facebook share-icon" href="http://www.facebook.com/sharer.php?u=http://airman.dodlive.mil" title=“">Facebook</a>!!<a class="entypo-twitter share-icon" href="http://twitter.com/share?text=An%20Awesome%20Link&amp;url=http://airman.dodlive.mil" title=“">Twitter</a>!!!<a class="entypo-gplus share-icon" href="https://plus.google.com/share?url=http%3A%2F%2Fairman.dodlive.mil" title="">Google+</a>

Average website is 1.614 MB 61% are images

http://mobitest.akamai.com/

https://github.com/scottjehl/picturefill

<span data-picture data-alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia">! <span data-src="small.jpg"></span>! <span data-src="medium.jpg" data-media="(min-width: 400px)"></span>! <span data-src="large.jpg" data-media="(min-width: 800px)"></span>! <span data-src="extralarge.jpg" data-media="(min-width: 1000px)"></span>!!<!--[if (lt IE 9) & (!IEMobile)]>! <span data-src="medium.jpg"></span>! <![endif]--> !!! <noscript>! <img src="external/imgs/small.jpg" alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia">! </noscript>! </span>

https://github.com/estelle/clowncar

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 329" preserveAspectRatio="xMidYMid meet">! <title>Clown Car Technique</title>! <style>! svg {! background-size: 100% 100%;! background-repeat: no-repeat;! }! @media screen and (max-width: 400px) {! svg {background-image: url(images/small.png");}! }! @media screen and (min-width: 401px) and (max-width: 700px) {! svg {background-image: url(images/medium.png);}! }! @media screen and (min-width: 701px) and (max-width: 1000px) {! svg {background-image: url(images/big.png);}! }! @media screen and (min-width: 1001px) {! svg {background-image: url(images/huge.png);}! }! </style>!</svg>

http://caniuse.com/

http://modernizr.com

http://dcdevicelab.com/

http://www.browserstack.com/

Airman DPS Magazine https://itunes.apple.com/us/app/airman-magazine/id566041850

It's easier to ask forgiveness than it is to get permission

Questions?

Michael Jovel- @mjovel

mjovel@gmail.com