Responsive pcb

297 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
297
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×