Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Responsive pcb

352 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Responsive pcb

  1. 1. HELLO
  2. 2. 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.
  3. 3. http://www.comicvine.com/ forums/battles-7/bugs-bunnyvs-popeye-the-sailorman-757492/
  4. 4. From Page Designs to Design Systems
  5. 5. http://pattern-lab.info/
  6. 6. Performance
  7. 7. Keep Javascript libraries to a minimum or conditionally load them
  8. 8. Instead of Social Media plugins use links
  9. 9. <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>
  10. 10. Average website is 1.614 MB 61% are images
  11. 11. http://mobitest.akamai.com/
  12. 12. https://github.com/scottjehl/picturefill
  13. 13. <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>
  14. 14. https://github.com/estelle/clowncar
  15. 15. <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>
  16. 16. http://caniuse.com/
  17. 17. http://modernizr.com
  18. 18. http://dcdevicelab.com/
  19. 19. http://www.browserstack.com/
  20. 20. Airman DPS Magazine https://itunes.apple.com/us/app/airman-magazine/id566041850
  21. 21. It's easier to ask forgiveness than it is to get permission
  22. 22. Questions? Michael Jovel- @mjovel mjovel@gmail.com

×