Responsive pcb
-
Upload
mjovel -
Category
Technology
-
view
187 -
download
3
description
Transcript of Responsive pcb
![Page 1: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/1.jpg)
HELLO
![Page 2: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/2.jpg)
![Page 3: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/3.jpg)
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.
![Page 4: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/4.jpg)
![Page 5: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/5.jpg)
![Page 6: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/6.jpg)
http://www.comicvine.com/forums/battles-7/bugs-bunny-
vs-popeye-the-sailor-man-757492/
![Page 7: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/7.jpg)
![Page 8: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/8.jpg)
![Page 9: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/9.jpg)
![Page 10: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/10.jpg)
From Page Designs to Design Systems
![Page 12: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/12.jpg)
Performance
![Page 13: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/13.jpg)
Keep Javascript libraries to a minimum or conditionally load them
![Page 14: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/14.jpg)
Instead of Social Media plugins use links
![Page 15: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/15.jpg)
<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&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>
![Page 16: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/16.jpg)
Average website is 1.614 MB 61% are images
![Page 17: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/17.jpg)
http://mobitest.akamai.com/
![Page 18: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/18.jpg)
https://github.com/scottjehl/picturefill
![Page 19: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/19.jpg)
<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>
![Page 21: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/21.jpg)
<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>
![Page 22: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/22.jpg)
![Page 25: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/25.jpg)
![Page 26: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/26.jpg)
![Page 29: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/29.jpg)
![Page 30: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/30.jpg)
![Page 31: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/31.jpg)
Airman DPS Magazine https://itunes.apple.com/us/app/airman-magazine/id566041850
![Page 32: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/32.jpg)
![Page 33: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/33.jpg)
![Page 34: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/34.jpg)
![Page 35: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/35.jpg)
![Page 36: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/36.jpg)
![Page 37: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/37.jpg)
![Page 38: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/38.jpg)
![Page 39: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/39.jpg)
It's easier to ask forgiveness than it is to get permission
![Page 40: Responsive pcb](https://reader034.fdocuments.net/reader034/viewer/2022051323/54b773354a7959da648b45ab/html5/thumbnails/40.jpg)