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.
THEMING & MOBILE optimizing your site for various devices WORDCAMP BOSTON 2011sara cannon / sara-canno...
ABOUT ME SARA CANNON Birmingham, AL @saracannon slideshare.net/saracannon sara-cannon.com WORDCAMP BOSTON
THEMING AND MOBILE WORDCAMP BOSTON
THEMING AND MOBILE WORDCAMP BOSTON
THEMING AND MOBILE WORDCAMP BOSTON
SO MANY DEVICES AHHHH! WORDCAMP BOSTON
SO MANY DEVICES AHHHH! WORDCAMP BOSTON
SO MANY DEVICES AHHHH! WORDCAMP BOSTON
THEMING AND MOBILECONTENT. WORDCAMP BOSTON
THEMING AND MOBILE WHAT DO WE DO?DO WE EVEN DO ANYTHING? WORDCAMP BOSTON
THEMING AND MOBILE1. Separate Mobile Site2. Use a Plugin / eme3. Responsive Web Design4. Do Nothing (dont-cha even worry ...
THEMING AND MOBILEMobile WordPressPlugins & emes WORDCAMP BOSTON
THEMING AND MOBILE WORDCAMP BOSTON
THEMING AND MOBILE WORDCAMP BOSTON
THEMING AND MOBILE WORDCAMP BOSTON
THEMING AND MOBILE WORDCAMP BOSTON
THEMING AND MOBILE WORDCAMP BOSTON
THEMING AND MOBILE WORDCAMP BOSTON
THEMING AND MOBILE WORDCAMP BOSTON
THEMING AND MOBILE WORDCAMP BOSTON
RESPONSIVE WEB DESIGN come on. be a smart little website.
BE RESPONSIVE! hicksdesign.co.uk
BE RESPONSIVE!
BE RESPONSIVE!twentyelevendemo.wordpress.com
CSS GRIDS | BE RESPONSIVE! twentyelevendemo.wordpress.com
BE RESPONSIVE!twentyelevendemo.wordpress.com
CSS GRIDS | BE RESPONSIVE! 8faces.com
CSS GRIDS | BE RESPONSIVE! colly.com
BE RESPONSIVE!HOW DO WE BECOME RESPONSIVE? 1. adaptive grid systems 2. media queries3. lots of nagling and cryin...
ADAPTIVE GRID SYSTEMS responsive (responsible?) design WORDCAMP BOSTON
CSS GRIDS | BE RESPONSIVE!960.gs blueprintcss.org WORDCAMP BOS...
CSS GRIDS | BE RESPONSIVE!
CSS GRIDS | BE RESPONSIVE!
THEMING AND MOBILE exible gridsalistapart.com/articles/ uidgrids WORDCAMP BOSTON
CSS GRIDS | BE RESPONSIVE! cssgrid.net
CSS GRIDS | BE RESPONSIVE!
CSS GRIDS | BE RESPONSIVE! lessframework.com
CSS GRIDS | BE RESPONSIVE! % WORDCAMP BOSTON
CSS GRIDS | BE RESPONSIVE!target ÷ context = result 940 100% 720 220 76.5...
CSS GRIDS | BE RESPONSIVE! responsivetwentyten.com
CSS GRIDS | BE RESPONSIVE!
CSS GRIDS | BE RESPONSIVE! WORDCAMP BOSTON
BE RESPONSIVE!twentyelevendemo.wordpress.com
MEDIA QUERIES whoa, this is css? WORDCAMP BOSTON
MEDIA QUERIESIT’S KIND OF LIKE CONDITIONAL COMMENTS... ...BUT WITHIN CSS! WORD...
MEDIA QUERIES @MEDIA WORDCAMP BOSTON
MEDIA QUERIES
MEDIA QUERIES CSS3-MEDIAQUERIES.JScode.google.com/p/css3-mediaqueries-jscss3-mediaqueries.js is a JavaScri...
MEDIA QUERIESRESOURCES ON MEDIA QUERIESw3.org/TR/css3-mediaqueriessmashingmagazine.com/2010/07/19/how-to-use-css3-media-qu...
CSS GRIDS | BE RESPONSIVE! RESPONSIVE WEB DESIGNmust see articles/resources WORDCAMP BOSTON
CSS GRIDS | BE RESPONSIVE!books.alistapart.com/products/responsive-web-design
CSS GRIDS | BE RESPONSIVE!alistapart.com/articles/responsive-web-design
CSS GRIDS | BE RESPONSIVE! alistapart.com/articles/ uidgrids
CSS GRIDS | BE RESPONSIVE!smashingmagazine.com/2011/01/12/guidelines-for- responsive-web-design
CSS GRIDS | BE RESPONSIVE! unstoppablerobotninja.com/entry/ uid-images/
CSS GRIDS | BE RESPONSIVE!smashingmagazine.com/2011/07/22/responsive-web- design-techniques-tools-and-design-strategies
CSS GRIDS | BE RESPONSIVE! mediaqueri.es
TYPOGRAPHY ON THE WEBCheck All Browsers Always. WORDCAMP BOSTON
TYPOGRAPHY ON THE WEBCheck Your Devices WORDCAMP BOSTON
THEMING AND MOBILECONTENT. WORDCAMP BOSTON
THEMING & MOBILE ank You!sara cannon / sara-cannon.com / follow @saracannon
You’ve finished this document.
Download and read it offline.
Upcoming SlideShare
Beyond the System Font - Advanced Web Typography
Next
Upcoming SlideShare
Beyond the System Font - Advanced Web Typography
Next
Download to read offline and view in fullscreen.
Technology, Business
Jul. 23, 2011
11,449 views

Share

Theming & Mobile - Optimizing your Site for Various Devices

Download to read offline

Technology, Business
Jul. 23, 2011
11,449 views

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.

Recommended

Related Books

Free with a 30 day trial from Scribd

See all
Bezonomics: How Amazon Is Changing Our Lives and What the World's Best Companies Are Learning from It Brian Dumaine
(4.5/5)
Free
So You Want to Start a Podcast: Finding Your Voice, Telling Your Story, and Building a Community That Will Listen Kristen Meinzer
(4/5)
Free
No Filter: The Inside Story of Instagram Sarah Frier
(4.5/5)
Free
Autonomy: The Quest to Build the Driverless Car—And How It Will Reshape Our World Lawrence D. Burns
(5/5)
Free
The Future Is Faster Than You Think: How Converging Technologies Are Transforming Business, Industries, and Our Lives Peter H. Diamandis
(5/5)
Free
Talk to Me: How Voice Computing Will Transform the Way We Live, Work, and Think James Vlahos
(3/5)
Free
SAM: One Robot, a Dozen Engineers, and the Race to Revolutionize the Way We Build Jonathan Waldman
(5/5)
Free
From Gutenberg to Google: The History of Our Future Tom Wheeler
(2/5)
Free
Live Work Work Work Die: A Journey into the Savage Heart of Silicon Valley Corey Pein
(4/5)
Free
Everybody Lies: Big Data, New Data, and What the Internet Can Tell Us About Who We Really Are Seth Stephens-Davidowitz
(4/5)
Free
Life After Google: The Fall of Big Data and the Rise of the Blockchain Economy George Gilder
(4/5)
Free
Future Presence: How Virtual Reality Is Changing Human Connection, Intimacy, and the Limits of Ordinary Life Peter Rubin
(4/5)
Free
Authentic: A Memoir by the Founder of Vans Louise Maclellan
(5/5)
Free
Made in China: A Prisoner, an SOS Letter, and the Hidden Cost of America's Cheap Goods Amelia Pang
(0/5)
Free
Driven: The Race to Create the Autonomous Car Alex Davies
(0/5)
Free
Ask for More: 10 Questions to Negotiate Anything Alexandra Carter
(4/5)
Free

Related Audiobooks

Free with a 30 day trial from Scribd

See all
Einstein's Fridge: How the Difference Between Hot and Cold Explains the Universe Paul Sen
(5/5)
Free
The Wires of War: Technology and the Global Struggle for Power Jacob Helberg
(0/5)
Free
System Error: Where Big Tech Went Wrong and How We Can Reboot Rob Reich
(3.5/5)
Free
The Quiet Zone: Unraveling the Mystery of a Town Suspended in Silence Stephen Kurczy
(4.5/5)
Free
Liftoff: Elon Musk and the Desperate Early Days That Launched SpaceX Eric Berger
(5/5)
Free
The Science of Time Travel: The Secrets Behind Time Machines, Time Loops, Alternate Realities, and More! Elizabeth Howell
(2.5/5)
Free
If Then: How the Simulmatics Corporation Invented the Future Jill Lepore
(4.5/5)
Free
A Brief History of Motion: From the Wheel, to the Car, to What Comes Next Tom Standage
(4/5)
Free
An Ugly Truth: Inside Facebook’s Battle for Domination Sheera Frenkel
(4.5/5)
Free
The Players Ball: A Genius, a Con Man, and the Secret History of the Internet's Rise David Kushner
(4.5/5)
Free
Bitcoin Billionaires: A True Story of Genius, Betrayal, and Redemption Ben Mezrich
(4.5/5)
Free
User Friendly: How the Hidden Rules of Design Are Changing the Way We Live, Work, and Play Cliff Kuang
(4/5)
Free
Digital Renaissance: What Data and Economics Tell Us about the Future of Popular Culture Joel Waldfogel
(3.5/5)
Free
Blockchain: The Next Everything Stephen P. Williams
(4/5)
Free
Uncanny Valley: A Memoir Anna Wiener
(4/5)
Free
Lean Out: The Truth About Women, Power, and the Workplace Marissa Orr
(4.5/5)
Free
Show More

Theming & Mobile - Optimizing your Site for Various Devices

  1. THEMING & MOBILE optimizing your site for various devices WORDCAMP BOSTON 2011sara 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 MOBILECONTENT. WORDCAMP BOSTON
  10. THEMING AND MOBILE WHAT DO WE DO?DO WE EVEN DO ANYTHING? WORDCAMP BOSTON
  11. THEMING AND MOBILE1. Separate Mobile Site2. Use a Plugin / eme3. Responsive Web Design4. Do Nothing (dont-cha even worry about it!) WORDCAMP BOSTON
  12. THEMING AND MOBILEMobile WordPressPlugins & 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 queries3. 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 gridsalistapart.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 QUERIESIT’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.JScode.google.com/p/css3-mediaqueries-jscss3-mediaqueries.js is a JavaScript library to make IE 5+, Firefox 1+ andSafari 2 transparently parse, test and apply CSS3 Media Queries WORDCAMP BOSTON
  49. MEDIA QUERIESRESOURCES ON MEDIA QUERIESw3.org/TR/css3-mediaqueriessmashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-websitecss-tricks.com/css-media-queries WORDCAMP BOSTON
  50. CSS GRIDS | BE RESPONSIVE! RESPONSIVE WEB DESIGNmust 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 WEBCheck All Browsers Always. WORDCAMP BOSTON
  59. TYPOGRAPHY ON THE WEBCheck Your Devices WORDCAMP BOSTON
  60. THEMING AND MOBILECONTENT. WORDCAMP BOSTON
  61. THEMING & MOBILE ank You!sara cannon / sara-cannon.com / follow @saracannon

  • Vhjkjh

    Jun. 29, 2018

  • Traumarus

    Oct. 29, 2014

  • ninjapress

    Feb. 26, 2012

  • ctito17

    Jan. 17, 2012

  • bwangila

    Oct. 25, 2011

  • alexeihidalgo

    Oct. 10, 2011

  • rsiacobelli

    Sep. 29, 2011

  • gitong

    Aug. 25, 2011

  • armeda

    Aug. 5, 2011

  • bendystraw

    Jul. 27, 2011

  • jinhuang

    Jul. 23, 2011

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.

Views

Total views

11,449

On Slideshare

0

From embeds

0

Number of embeds

1,819

Actions

Downloads

101

Shares

0

Comments

0

Likes

11

×