SlideShare una empresa de Scribd logo
1 de 41
Descargar para leer sin conexión
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-bunnyvs-popeye-the-sailorman-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

Más contenido relacionado

La actualidad más candente

Facebook Social Plugins
Facebook Social PluginsFacebook Social Plugins
Facebook Social Plugins
Aizat Faiz
 
Facebook Open Graph Tech Requirements
Facebook Open Graph Tech RequirementsFacebook Open Graph Tech Requirements
Facebook Open Graph Tech Requirements
Affinitive
 
Unknown plone
Unknown ploneUnknown plone
Unknown plone
cdw9
 
Using disqus & facebook comment in wordpress themes
Using disqus & facebook comment in wordpress themesUsing disqus & facebook comment in wordpress themes
Using disqus & facebook comment in wordpress themes
codebangla
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
title_boy
 
Adobe connect interaction (2)
Adobe connect interaction (2)Adobe connect interaction (2)
Adobe connect interaction (2)
Becky Russell
 

La actualidad más candente (20)

Jabber Bot
Jabber BotJabber Bot
Jabber Bot
 
Facebook Social Plugins
Facebook Social PluginsFacebook Social Plugins
Facebook Social Plugins
 
Joomla Explained - As Easy as 1, 2, 3
Joomla Explained - As Easy as 1, 2, 3Joomla Explained - As Easy as 1, 2, 3
Joomla Explained - As Easy as 1, 2, 3
 
Custom Template for Joomla! 3
Custom Template for Joomla! 3Custom Template for Joomla! 3
Custom Template for Joomla! 3
 
Facebook Open Graph Tech Requirements
Facebook Open Graph Tech RequirementsFacebook Open Graph Tech Requirements
Facebook Open Graph Tech Requirements
 
High Performance Web Components
High Performance Web ComponentsHigh Performance Web Components
High Performance Web Components
 
VP R&D Open Seminar: Caching
VP R&D Open Seminar: CachingVP R&D Open Seminar: Caching
VP R&D Open Seminar: Caching
 
Digital Media
Digital MediaDigital Media
Digital Media
 
Tao of badss
Tao of badssTao of badss
Tao of badss
 
Tao of badss review
Tao of badss reviewTao of badss review
Tao of badss review
 
Building an interactive timeline from facebook photos
Building an interactive timeline from facebook photosBuilding an interactive timeline from facebook photos
Building an interactive timeline from facebook photos
 
Unknown plone
Unknown ploneUnknown plone
Unknown plone
 
Keynote: What's Up With WordPress?
Keynote: What's Up With WordPress?Keynote: What's Up With WordPress?
Keynote: What's Up With WordPress?
 
What's up with WordPress
What's up with WordPressWhat's up with WordPress
What's up with WordPress
 
Squarespace Site Shack Training -11-05-2015
Squarespace Site Shack Training -11-05-2015Squarespace Site Shack Training -11-05-2015
Squarespace Site Shack Training -11-05-2015
 
Using disqus & facebook comment in wordpress themes
Using disqus & facebook comment in wordpress themesUsing disqus & facebook comment in wordpress themes
Using disqus & facebook comment in wordpress themes
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
Joomla! Menu-Items
Joomla! Menu-ItemsJoomla! Menu-Items
Joomla! Menu-Items
 
Doug Devitre's Favorite Word Press Plugins
Doug Devitre's Favorite Word Press PluginsDoug Devitre's Favorite Word Press Plugins
Doug Devitre's Favorite Word Press Plugins
 
Adobe connect interaction (2)
Adobe connect interaction (2)Adobe connect interaction (2)
Adobe connect interaction (2)
 

Destacado

ModevUX AgileUX
ModevUX AgileUXModevUX AgileUX
ModevUX AgileUX
mjovel
 

Destacado (7)

ModevUX AgileUX
ModevUX AgileUXModevUX AgileUX
ModevUX AgileUX
 
People Over Process: Turning Assumptions into Shared Understanding
People Over Process: Turning Assumptions into Shared UnderstandingPeople Over Process: Turning Assumptions into Shared Understanding
People Over Process: Turning Assumptions into Shared Understanding
 
Iterating awesomeness
Iterating awesomenessIterating awesomeness
Iterating awesomeness
 
Tablet Awesomeness
Tablet AwesomenessTablet Awesomeness
Tablet Awesomeness
 
MAFSI 2016 - Inbound Awesomeness By TMC Digital Media's Erik MacPherson
MAFSI 2016 - Inbound Awesomeness By TMC Digital Media's Erik MacPhersonMAFSI 2016 - Inbound Awesomeness By TMC Digital Media's Erik MacPherson
MAFSI 2016 - Inbound Awesomeness By TMC Digital Media's Erik MacPherson
 
Powerful Tech Tools For Promoting Awesomeness
Powerful Tech Tools For Promoting AwesomenessPowerful Tech Tools For Promoting Awesomeness
Powerful Tech Tools For Promoting Awesomeness
 
Scoping and Estimating WordPress Projects as an Agency
Scoping and Estimating WordPress Projects as an AgencyScoping and Estimating WordPress Projects as an Agency
Scoping and Estimating WordPress Projects as an Agency
 

Similar a Responsive pcb

Langkah meletakkan bahan slideshare di widget embed website FROG
Langkah meletakkan bahan slideshare di widget embed website FROGLangkah meletakkan bahan slideshare di widget embed website FROG
Langkah meletakkan bahan slideshare di widget embed website FROG
Mohd Khairudin Che Ismail
 
Pre-Launch Website Testing Checklist
Pre-Launch Website Testing ChecklistPre-Launch Website Testing Checklist
Pre-Launch Website Testing Checklist
Rakesh Hansalia
 
FITC Spotlight HTML5 - The state of the web
FITC Spotlight HTML5 - The state of the webFITC Spotlight HTML5 - The state of the web
FITC Spotlight HTML5 - The state of the web
Frédéric Harper
 

Similar a Responsive pcb (20)

Langkah meletakkan bahan slideshare di widget embed website FROG
Langkah meletakkan bahan slideshare di widget embed website FROGLangkah meletakkan bahan slideshare di widget embed website FROG
Langkah meletakkan bahan slideshare di widget embed website FROG
 
SEO and Social Media for Multilingual and Multidevice Sites
SEO and Social Media for Multilingual and Multidevice SitesSEO and Social Media for Multilingual and Multidevice Sites
SEO and Social Media for Multilingual and Multidevice Sites
 
Blogs & wikis applied to ELT
Blogs & wikis applied to ELTBlogs & wikis applied to ELT
Blogs & wikis applied to ELT
 
Pre-Launch Website Testing Checklist
Pre-Launch Website Testing ChecklistPre-Launch Website Testing Checklist
Pre-Launch Website Testing Checklist
 
Mobile Dev Trends and Confluence Mobile, AtlasCamp US 2012
Mobile Dev Trends and Confluence Mobile, AtlasCamp US 2012Mobile Dev Trends and Confluence Mobile, AtlasCamp US 2012
Mobile Dev Trends and Confluence Mobile, AtlasCamp US 2012
 
8 Super Simple Tips For Your Profile On StumbleUpon
8 Super Simple Tips For Your Profile On StumbleUpon8 Super Simple Tips For Your Profile On StumbleUpon
8 Super Simple Tips For Your Profile On StumbleUpon
 
Applying Universal Design Principles Online
Applying Universal Design Principles OnlineApplying Universal Design Principles Online
Applying Universal Design Principles Online
 
Christian Heilmann's 'State of the Browser in 2011'
Christian Heilmann's 'State of the Browser in 2011'Christian Heilmann's 'State of the Browser in 2011'
Christian Heilmann's 'State of the Browser in 2011'
 
My Top WordPress Plugins
My Top WordPress PluginsMy Top WordPress Plugins
My Top WordPress Plugins
 
How to build a super kick ass keyword list
How to build a super kick ass keyword listHow to build a super kick ass keyword list
How to build a super kick ass keyword list
 
FITC Spotlight HTML5 - The state of the web
FITC Spotlight HTML5 - The state of the webFITC Spotlight HTML5 - The state of the web
FITC Spotlight HTML5 - The state of the web
 
Twitter bootstrap on rails
Twitter bootstrap on railsTwitter bootstrap on rails
Twitter bootstrap on rails
 
Building Web Hack Interfaces
Building Web Hack InterfacesBuilding Web Hack Interfaces
Building Web Hack Interfaces
 
Croak.it ppt
Croak.it pptCroak.it ppt
Croak.it ppt
 
Best Wordpress Plug-Ins - SEMpdx Searchfest 2009
Best Wordpress Plug-Ins - SEMpdx Searchfest 2009Best Wordpress Plug-Ins - SEMpdx Searchfest 2009
Best Wordpress Plug-Ins - SEMpdx Searchfest 2009
 
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)
 
Hari 4 6 sep 12
Hari 4 6 sep 12Hari 4 6 sep 12
Hari 4 6 sep 12
 
F36 Blogging Presentation
F36 Blogging PresentationF36 Blogging Presentation
F36 Blogging Presentation
 
CiL O8: Digital Convervgence & People Apps
CiL O8: Digital Convervgence & People AppsCiL O8: Digital Convervgence & People Apps
CiL O8: Digital Convervgence & People Apps
 
I pv6+at+caribbean+sector
I pv6+at+caribbean+sectorI pv6+at+caribbean+sector
I pv6+at+caribbean+sector
 

Último

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Último (20)

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 

Responsive pcb