Successfully reported this slideshow.
Your SlideShare is downloading. ×

Theming & Mobile - Optimizing your Site for Various Devices

•
Jul. 23, 2011
• 12 likes • 6,284 views
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Upcoming SlideShare
Beyond the System Font - Advanced Web Typography
Beyond the System Font - Advanced Web Typography
Loading in …3
×

Check these out next

Camtasia
Trang Thu
Kepler: NASA’s First Mission Capable of Finding Earth-Size Planets (fact sheet)
NASA Ames Research Center
[Catcom] Hướng dẫn sử dụng thành thạo SlideShare
Catcom VN
Blogger fn
Batixa Thúy Quỳnh
Catcom | 6 yếu tố để có team startup tốt
Catcom VN
CATCOM | Smartphones trong cuộc sống hiện đại
Catcom VN
Steve jobs click boom amazing
Heyday ApS
MSL Launch Weather Criteria
NASA Kennedy
1 of 61 Ad

Theming & Mobile - Optimizing your Site for Various Devices

Jul. 23, 2011
• 12 likes • 6,284 views

Download to read offline

Technology Business

Your site is about your content. How do we optimize for all the different devices out there but still keep our brand? Do we even optimize at all? What are different ways we can look at how our content is handled? We are going to take a look at different techniques out there including: responsive web design, media queries, dealing with video, touch, and other various plugins & CSS tricks to truly display your site and your content in the best possible manner in any given scenario.

Your site is about your content. How do we optimize for all the different devices out there but still keep our brand? Do we even optimize at all? What are different ways we can look at how our content is handled? We are going to take a look at different techniques out there including: responsive web design, media queries, dealing with video, touch, and other various plugins & CSS tricks to truly display your site and your content in the best possible manner in any given scenario.

Technology Business
Advertisement

Recommended

Beyond the System Font - Advanced Web Typography
Sara Cannon
8.6k views
56 slides
Wordpress and Your Brand
Sara Cannon
9.3k views
89 slides
Web Typography Tips
Sara Cannon
3.5k views
31 slides
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
Sara Cannon
3.9k views
23 slides
Type in your WordPress Themes by Sara Cannon WordCamp NYC
Sara Cannon
12.8k views
102 slides
Typography on the Web
Sara Cannon
34.2k views
152 slides
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
Sara Cannon
3.8k views
21 slides
Design for Continuous Experimentation
Dan McKinley
201k views
79 slides
Advertisement

More Related Content

Viewers also liked (17)

Camtasia
Trang Thu
821 views
Kepler: NASA’s First Mission Capable of Finding Earth-Size Planets (fact sheet)
NASA Ames Research Center
2.3k views
[Catcom] Hướng dẫn sử dụng thành thạo SlideShare
Catcom VN
380 views
Blogger fn
Batixa Thúy Quỳnh
312 views
Catcom | 6 yếu tố để có team startup tốt
Catcom VN
478 views
CATCOM | Smartphones trong cuộc sống hiện đại
Catcom VN
236 views
Steve jobs click boom amazing
Heyday ApS
2.6k views
MSL Launch Weather Criteria
NASA Kennedy
3.2k views
Mars: Current State of Knowledge and Future Plans and Strategies
NASAJPL
3.6k views
Nasa at i_co_p_aug2011 2
NASA Open Government Initiative
3k views
Docker intro
Timo Derstappen
1.5k views
Selling Responsive Webdesign - webtech Conference 2013
die.agilen GmbH
4k views
Catcom | Kỹ năng trả lời phỏng vấn xin việc
Catcom VN
214 views
Learning from the other 78%
John Eckman
1k views
NASA 2014 Budget Request Summary
NASA Dryden
7.6k views
WordCamp San Francisco & WooCommerce Conference Recap
Anthony Hortin
1.1k views
CATCOM| Communication definition and importance
Catcom VN
536 views
Camtasia
Trang Thu
821 views
13 slides
Kepler: NASA’s First Mission Capable of Finding Earth-Size Planets (fact sheet)
NASA Ames Research Center
2.3k views
2 slides
[Catcom] Hướng dẫn sử dụng thành thạo SlideShare
Catcom VN
380 views
23 slides
Blogger fn
Batixa Thúy Quỳnh
312 views
10 slides
Catcom | 6 yếu tố để có team startup tốt
Catcom VN
478 views
7 slides
CATCOM | Smartphones trong cuộc sống hiện đại
Catcom VN
236 views
13 slides

More from Sara Cannon (20)

Open Source Creativity
Sara Cannon
172.5k views
Design Strategy: How information Can Drive Your Designs Decisions To Success
Sara Cannon
13.3k views
Sara cannon pushing the creative limit
Sara Cannon
14.7k views
Learning Through Stealing - How to Become Better At Your Craft
Sara Cannon
32.9k views
WordPress & User Experience - WordCamp London
Sara Cannon
30.2k views
WordPress & User Experience - WordCamp St. Louis
Sara Cannon
13.9k views
Typography and User Experience - WCSF
Sara Cannon
120.8k views
Typography and User Experience in Web Design
Sara Cannon
16.2k views
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Sara Cannon
28k views
Smart Design
Sara Cannon
41k views
SMART DESIGN - icon fonts, svg, and the mobile influence
Sara Cannon
30.5k views
IconFonts
Sara Cannon
9.7k views
The Future of UI - How Mobile Design is Shaping The Web 2
Sara Cannon
36.4k views
Designer vs Developer: BE THE UNICORN
Sara Cannon
43k views
Designer vs Developer: Creators in WordPress
Sara Cannon
13.7k views
Designing for The Modern Web
Sara Cannon
16.4k views
Responsive Design
Sara Cannon
83.6k views
Font Swoon - Advanced Web Typography
Sara Cannon
13.5k views
Design Swoon - Visual Trends & WordPress
Sara Cannon
10.3k views
CSS Tricks for WordPress - WordCamp Phoenix
Sara Cannon
15.4k views
Open Source Creativity
Sara Cannon
172.5k views
45 slides
Design Strategy: How information Can Drive Your Designs Decisions To Success
Sara Cannon
13.3k views
94 slides
Sara cannon pushing the creative limit
Sara Cannon
14.7k views
14 slides
Learning Through Stealing - How to Become Better At Your Craft
Sara Cannon
32.9k views
68 slides
WordPress & User Experience - WordCamp London
Sara Cannon
30.2k views
68 slides
WordPress & User Experience - WordCamp St. Louis
Sara Cannon
13.9k views
58 slides
Advertisement

Recently uploaded (20)

Spesifikasi dan harga ASUS VivoBook Pro 14X OLED (N7401).pdf
Dot Semarang
10 views
Archiving Prod Order.pptx
bupeshk1
1 view
AIT SEMINAR.pptx
bhavyag24
0 views
basic electricity.pptx
DenmarkFrancisco3
4 views
Prototype submission Template43c7cf4.pdf
misharialbuhari
0 views
cloud_foundation_on_vxrail_vcf_pnp_licensing_guide.pptx
VitNguyn252054
0 views
Innovation project.pptx
ShikharTomar7
0 views
vmware_cloud_foundation_on_vxrail_technical_customer_presentation.pptx
VitNguyn252054
0 views
Eurotech ADAS offering
federica maion
38 views
DX and Your Future Careers
De La Salle-College of Saint Benilde
4 views
INTRODUCTION TO ICT.pptx
FernandoPrado85
0 views
Cryptocurrency_Seminar.pptx
SharmaRamGajanan
0 views
Root Cause Analysis.pdf
SalJones
1 view
etech-group1.pptx
ChristineMaeBasco1
2 views
CybersecurityHQ.io News Februrary 5th, 2023
CybersecurityHQ
0 views
Digital Banking.pdf
Nafisur Ahmed
6 views
Power Generation-18n.ppt
Dileepa Warnasinghe
3 views
Power divider, combiner and coupler.ppt
DeqAhmed2
0 views
Chapter 3-Processes2.pptx
MeymunaMohammed1
5 views
History of Science and Technology in the Philippines.pptx
ClaudineBagajo
0 views
Spesifikasi dan harga ASUS VivoBook Pro 14X OLED (N7401).pdf
Dot Semarang
10 views
1 slide
Archiving Prod Order.pptx
bupeshk1
1 view
4 slides
AIT SEMINAR.pptx
bhavyag24
0 views
14 slides
basic electricity.pptx
DenmarkFrancisco3
4 views
18 slides
Prototype submission Template43c7cf4.pdf
misharialbuhari
0 views
7 slides
cloud_foundation_on_vxrail_vcf_pnp_licensing_guide.pptx
VitNguyn252054
0 views
33 slides

Theming & Mobile - Optimizing your Site for Various Devices

  1. THEMING & MOBILE optimizing your site for various devices WORDCAMP BOSTON 2011 sara cannon / sara-cannon.com / follow @saracannon
  2. ABOUT ME SARA CANNON Birmingham, AL @saracannon slideshare.net/saracannon sara-cannon.com WORDCAMP BOSTON
  3. THEMING AND MOBILE WORDCAMP BOSTON
  4. THEMING AND MOBILE WORDCAMP BOSTON
  5. THEMING AND MOBILE WORDCAMP BOSTON
  6. SO MANY DEVICES AHHHH! WORDCAMP BOSTON
  7. SO MANY DEVICES AHHHH! WORDCAMP BOSTON
  8. SO MANY DEVICES AHHHH! WORDCAMP BOSTON
  9. THEMING AND MOBILE CONTENT. WORDCAMP BOSTON
  10. THEMING AND MOBILE WHAT DO WE DO? DO WE EVEN DO ANYTHING? WORDCAMP BOSTON
  11. THEMING AND MOBILE 1. Separate Mobile Site 2. Use a Plugin / eme 3. Responsive Web Design 4. Do Nothing (dont-cha even worry about it!) WORDCAMP BOSTON
  12. THEMING AND MOBILE Mobile WordPress Plugins & emes WORDCAMP BOSTON
  13. THEMING AND MOBILE WORDCAMP BOSTON
  14. THEMING AND MOBILE WORDCAMP BOSTON
  15. THEMING AND MOBILE WORDCAMP BOSTON
  16. THEMING AND MOBILE WORDCAMP BOSTON
  17. THEMING AND MOBILE WORDCAMP BOSTON
  18. THEMING AND MOBILE WORDCAMP BOSTON
  19. THEMING AND MOBILE WORDCAMP BOSTON
  20. THEMING AND MOBILE WORDCAMP BOSTON
  21. RESPONSIVE WEB DESIGN come on. be a smart little website.
  22. BE RESPONSIVE! hicksdesign.co.uk
  23. BE RESPONSIVE!
  24. BE RESPONSIVE! twentyelevendemo.wordpress.com
  25. CSS GRIDS | BE RESPONSIVE! twentyelevendemo.wordpress.com
  26. BE RESPONSIVE! twentyelevendemo.wordpress.com
  27. CSS GRIDS | BE RESPONSIVE! 8faces.com
  28. CSS GRIDS | BE RESPONSIVE! colly.com
  29. BE RESPONSIVE! HOW DO WE BECOME RESPONSIVE? 1. adaptive grid systems 2. media queries 3. lots of nagling and crying 4. ??????? 5. pro t WORDCAMP BOSTON
  30. ADAPTIVE GRID SYSTEMS responsive (responsible?) design WORDCAMP BOSTON
  31. CSS GRIDS | BE RESPONSIVE! 960.gs blueprintcss.org WORDCAMP BOSTON
  32. CSS GRIDS | BE RESPONSIVE!
  33. CSS GRIDS | BE RESPONSIVE!
  34. THEMING AND MOBILE exible grids alistapart.com/articles/ uidgrids WORDCAMP BOSTON
  35. CSS GRIDS | BE RESPONSIVE! cssgrid.net
  36. CSS GRIDS | BE RESPONSIVE!
  37. CSS GRIDS | BE RESPONSIVE! lessframework.com
  38. CSS GRIDS | BE RESPONSIVE! % WORDCAMP BOSTON
  39. CSS GRIDS | BE RESPONSIVE! target ÷ context = result 940 100% 720 220 76.5957447% 23.40425535%
  40. CSS GRIDS | BE RESPONSIVE! responsivetwentyten.com
  41. CSS GRIDS | BE RESPONSIVE!
  42. CSS GRIDS | BE RESPONSIVE! WORDCAMP BOSTON
  43. BE RESPONSIVE! twentyelevendemo.wordpress.com
  44. MEDIA QUERIES whoa, this is css? WORDCAMP BOSTON
  45. MEDIA QUERIES IT’S KIND OF LIKE CONDITIONAL COMMENTS... ...BUT WITHIN CSS! WORDCAMP BOSTON
  46. MEDIA QUERIES @MEDIA WORDCAMP BOSTON
  47. MEDIA QUERIES
  48. MEDIA QUERIES CSS3-MEDIAQUERIES.JS code.google.com/p/css3-mediaqueries-js css3-mediaqueries.js is a JavaScript library to make IE 5+, Firefox 1+ and Safari 2 transparently parse, test and apply CSS3 Media Queries WORDCAMP BOSTON
  49. MEDIA QUERIES RESOURCES ON MEDIA QUERIES w3.org/TR/css3-mediaqueries smashingmagazine.com/2010/07/19/how-to-use-css3- media-queries-to-create-a-mobile-version-of-your- website css-tricks.com/css-media-queries WORDCAMP BOSTON
  50. CSS GRIDS | BE RESPONSIVE! RESPONSIVE WEB DESIGN must see articles/resources WORDCAMP BOSTON
  51. CSS GRIDS | BE RESPONSIVE! books.alistapart.com/products/responsive-web-design
  52. CSS GRIDS | BE RESPONSIVE! alistapart.com/articles/responsive-web-design
  53. CSS GRIDS | BE RESPONSIVE! alistapart.com/articles/ uidgrids
  54. CSS GRIDS | BE RESPONSIVE! smashingmagazine.com/2011/01/12/guidelines-for- responsive-web-design
  55. CSS GRIDS | BE RESPONSIVE! unstoppablerobotninja.com/entry/ uid-images/
  56. CSS GRIDS | BE RESPONSIVE! smashingmagazine.com/2011/07/22/responsive-web- design-techniques-tools-and-design-strategies
  57. CSS GRIDS | BE RESPONSIVE! mediaqueri.es
  58. TYPOGRAPHY ON THE WEB Check All Browsers Always. WORDCAMP BOSTON
  59. TYPOGRAPHY ON THE WEB Check Your Devices WORDCAMP BOSTON
  60. THEMING AND MOBILE CONTENT. WORDCAMP BOSTON
  61. THEMING & MOBILE ank You! sara cannon / sara-cannon.com / follow @saracannon

×