Theming & Mobile - Optimizing your Site for Various Devices

•

12 likes•6,285 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.

Technology Business

THEMING & MOBILE
optimizing your site for various devices
WORDCAMP BOSTON 2011

sara cannon / sara-cannon.com / follow @saracannon

ABOUT ME

SARA CANNON
Birmingham, AL

@saracannon

slideshare.net/saracannon

sara-cannon.com

WORDCAMP BOSTON

THEMING AND MOBILE

CONTENT.

WORDCAMP BOSTON

THEMING AND MOBILE

WHAT DO WE DO?
DO WE EVEN DO ANYTHING?

WORDCAMP BOSTON

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

THEMING AND MOBILE

Mobile WordPress
Plugins & emes

WORDCAMP BOSTON

RESPONSIVE WEB DESIGN
come on. be a smart little website.

BE RESPONSIVE!

twentyelevendemo.wordpress.com

CSS GRIDS | BE RESPONSIVE!

twentyelevendemo.wordpress.com

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

ADAPTIVE GRID SYSTEMS
responsive (responsible?) design

WORDCAMP BOSTON

CSS GRIDS | BE RESPONSIVE!

960.gs blueprintcss.org

WORDCAMP BOSTON

THEMING AND MOBILE

exible grids
alistapart.com/articles/ uidgrids

WORDCAMP BOSTON

CSS GRIDS | BE RESPONSIVE!

lessframework.com

CSS GRIDS | BE RESPONSIVE!

%
WORDCAMP BOSTON

CSS GRIDS | BE RESPONSIVE!

target ÷ context = result
940

100%

720 220

76.5957447% 23.40425535%

CSS GRIDS | BE RESPONSIVE!

responsivetwentyten.com

MEDIA QUERIES
whoa, this is css?

WORDCAMP BOSTON

MEDIA QUERIES

IT’S KIND OF LIKE CONDITIONAL COMMENTS...
...BUT WITHIN CSS!

WORDCAMP BOSTON

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

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

CSS GRIDS | BE RESPONSIVE!

RESPONSIVE WEB DESIGN
must 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 WEB

Check All Browsers

Always.
WORDCAMP BOSTON

TYPOGRAPHY ON THE WEB

Check Your Devices

WORDCAMP BOSTON

THEMING & MOBILE
ank You!

sara cannon / sara-cannon.com / follow @saracannon

Viewers also liked

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 đại

Catcom VN

Steve jobs click boom amazing

Heyday ApS

MSL Launch Weather Criteria

NASA Kennedy

Mars: Current State of Knowledge and Future Plans and Strategies

NASAJPL

Nasa at i_co_p_aug2011 2

NASA Open Government Initiative

Docker intro

Timo Derstappen

Selling Responsive Webdesign - webtech Conference 2013

die.agilen GmbH

Catcom | Kỹ năng trả lời phỏng vấn xin việc

Catcom VN

WordPress powers 22% of the web (or more - as much as 23.1% when I actually delivered this talk). However, as professionals in the WordPress community, we have to be wary of spending too much time talking to each other, and not enough time engaging with other communities. What are the people who don't use WordPress doing? Static site generation, lightweight hosted platforms, other open source platforms, proprietary software - there are thousands if not hundreds of thousands of other ways to solve the problems WordPress tries to solve. If we don't avail ourselves of the conversations happening outside the WordPress fishbowl, we'll miss out on opportunities for true collaboration and innovation.

Learning from the other 78%

John Eckman

NASA 2014 Budget Request Summary

NASA Dryden

WordCamp San Francisco & WooCommerce Conference Recap

Anthony Hortin

CATCOM| Communication definition and importance

Catcom VN

Viewers also liked (17)

Camtasia

Kepler: NASA’s First Mission Capable of Finding Earth-Size Planets (fact sheet)

[Catcom] Hướng dẫn sử dụng thành thạo SlideShare

Blogger fn

Catcom | 6 yếu tố để có team startup tốt

CATCOM | Smartphones trong cuộc sống hiện đại

Steve jobs click boom amazing

MSL Launch Weather Criteria

Mars: Current State of Knowledge and Future Plans and Strategies

Nasa at i_co_p_aug2011 2

Docker intro

Selling Responsive Webdesign - webtech Conference 2013

Catcom | Kỹ năng trả lời phỏng vấn xin việc

Learning from the other 78%

NASA 2014 Budget Request Summary

WordCamp San Francisco & WooCommerce Conference Recap

CATCOM| Communication definition and importance

More from Sara Cannon

We’re all trying to find that idea or spark that will turn a good project into a great project. Creativity plays a huge role in the outcome of our work. Harnessing the power of collaboration and open source, we can make great strides towards excellence. Not just for designers, this talk can be applicable to many different roles – even development. In this talk, Seasoned Creative Director Sara Cannon is going to share some secrets about creative methodology, collaboration, and the strong role that open source can play in our work.

Open Source Creativity

Sara Cannon

Design Strategy: How information Can Drive Your Designs Decisions To Success

Sara Cannon

As designers we’re searching for the best – the best method, the best look, the best font. We have a continuous battle to create brands that are unique but that have a longstanding presence. We make tough decisions constantly, question our instincts, and settle. We fight and we strive to make long lasting beautiful, smart and informed design. How do we get there? In this talk, seasoned Creative Director Sara Cannon is going to dive deep into the designers struggle. She’s going to share different processes that can make our work better. We’re going to discuss philosophy, methodology, and execution from the creative mind stand point. Hopefully by the end of the talk, you will be inspired to push your own creative limits and learned some tips on how to get there.

Sara cannon pushing the creative limit

Sara Cannon

In art class we were taught to copy the masters such as Da Vinci, Van Gough, and Caravaggio. This taught us skills like technique, form, & contrast. The same principle applies to learning any skill – steal from the masters and learn from it. In this design-focused talk, we’re going to explore a few methods of sharpening our skills and intuition. Design, code, & user experience can all be improved when we take a deeper look into successful implementations. We’ll analyze some methods and steal a few things along the way – learning how to truly make it our own.

Learning Through Stealing - How to Become Better At Your Craft

Sara Cannon

WordPress has a long standing history of providing a good user experience. Publishers, site owners, content editors, all have been able to benefit from the ease of use of the admin. In this talk, we’re going to take a deeper look into the experience of the WordPress admin – how we can extend WordPress to make publishing content a breeze, and how a few changes to the way we approach the admin, plugins, and themes can help make the experience even better.WordPress has a long standing history of providing a good user experience. Publishers, site owners, content editors, all have been able to benefit from the ease of use of the admin. In this talk, we’re going to take a deeper look into the experience of the WordPress admin – how we can extend WordPress to make publishing content a breeze, and how a few changes to the way we approach the admin, plugins, and themes can help make the experience even better.

WordPress & User Experience - WordCamp London

Sara Cannon

WordPress & User Experience “WordPress has a long standing history of providing a good user experience. Publishers, site owners, content editors, all have been able to benefit from the ease of use of the admin. In this talk, we’re going to take a deeper look into the experience of the WordPress admin - how we can extend WordPress to make publishing content a breeze, and how a few changes to the way we approach the admin, plugins, and themes can help make the experience even better.” THE CURRENT ADMIN EXPERIENCE — Media Library — Distraction Free Writing — Customizer IMPROVING THE ADMIN EXPERIENCE — Drag and drop page reordering — Featured Images Within Columns — Sortable Columns — Editor Styles — Drag & Drop Featured Image THE FUTURE IN WORDPRESS USER EXPERIENCE — Press This Bookmarklet — WP REST API — Admin Themes — Front End Editing

WordPress & User Experience - WordCamp St. Louis

Sara Cannon

Typography and User Experience - WCSF

Sara Cannon

Typography - the most often neglected part of the internet sometimes, but arguably one of the most important. Oliver Reichenstein of information Architects once said that "Web Design is 95% Typography." This holds true. Not only is type use to convey information, but it is also used to navigate and perform tasks. This stat is overwhelming to think about considering how little we actually discuss type in our industry. Type on the web has many roles: it is an interface, a brand, sets tone, and directs the user. Typography has many roles and can either add or take away from User Experience. In this beautiful and exciting talk we’re going to look at various ways type is used, implemented, and dissect the role that it plays in user experience on the web.

Typography and User Experience in Web Design

Sara Cannon

Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014 Fast, simple, SMART. Mobile devices have forever changed the way we interact with content. Now we have to consider many things such as HiDPI graphics, responsive design, speed, UI/UX patterns, touch target sizes, gestures, and more. All while not losing track of what’s important: Content. We’re going to discuss the influence of mobile on design trends and learn implementation techniques of smart design.

Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014

Sara Cannon

// talk given at WordCamp Chicago 2014 // Fast, simple, SMART. Mobile devices have forever changed the way we interact with content. Now we have to consider many things such as HiDPI graphics, responsive design, speed, UI/UX patterns, touch target sizes, gestures, and more. All while not losing track of what’s important: Content. We’re going to discuss the influence of mobile on design trends and learn implementation techniques of smart design such as icon fonts, svg, and other helpful tips.

Smart Design

Sara Cannon

SMART DESIGN - icon fonts, svg, and the mobile influence Fast, simple, SMART. Mobile devices have forever changed the way we interact with content. Now we have to consider many things such as HiDPI graphics, responsive design, speed, UI/UX patterns, touch target sizes, gestures, and more. All while not losing track of what’s important: Content. We’re going to discuss the influence of mobile on design trends and learn implementation techniques of smart design such as icon fonts, svg, and other helpful tips.

SMART DESIGN - icon fonts, svg, and the mobile influence

Sara Cannon

IconFonts

Sara Cannon

Web design is not an interactive brochure anymore. Smart mobile devices have forever changed the way we think and interact with websites. Now you have to consider an array of things you didn’t have to worry about before, such as HiDPI graphics, UI/UX patterns, touch target sizes, gestures, and managing expectations. All the while not losing track of what’s important: Content. We’re going to discuss the influence of mobile on design, trends, and implementation methods, as well as how touch is changing our lives. As designers and developers, we can benefit from learning about how mobile is changing the way we interact with websites, and what that means for the future of UI.

The Future of UI - How Mobile Design is Shaping The Web 2

Sara Cannon

Are you a Designer or a Developer or both? – This talk will explore myths & preconceptions about roles.. And how when we push these boundaries, we can achieve greater things. Because, if you understand what you’re trying to accomplish both technically and visually, you will have fantastic a outcome. We’ll touch on “crossover” (golden unicorn) topics such as UI, UX, trusting instincts, user testing, wire framing, information architecture, typography, front end structure, form, and the mindset we need to have in order to challenge both sides of our brain. WordPress is a great place to put this into practice: as its a perfect environment for leaning php & css, but also its surrounding community support helps us achieve greatness. Weather you consider yourself a Designer, a Developer, or both: this talk is for you.

Designer vs Developer: BE THE UNICORN

Sara Cannon

This talk will explore myths & preconceptions about roles.. When we push these boundaries, we can achieve greater things. If you understand what you’re trying to accomplish both technically and visually, you will have fantastic a outcome. We’ll touch on “crossover”(golden unicorn) topics such as UI, UX, trusting instincts, user testing, wire framing, information architecture, front end structure, and form. WordPress is a great place to put this into practice: as its a perfect environment for leaning php,css, but also its surrounding community support helps us achieve greatness.

Designer vs Developer: Creators in WordPress

Sara Cannon

Designing for The Modern Web

Sara Cannon

Websites are all about content. People can access your content many different ways and formats with mobile devices, iPads, phones, etc. The questions are: how can we maintain control over the display of our content and keep our brand consistent? How can we try to provide the best user experience on any platform? Enter Responsive Web Design. Many experts are not leaning on one static design but on structured content that adapts to its given environment. In this talk, we are going to take a look at responsive web design techniques out there including: progressive enhancement, flexible grids, media queries, flexible images & video, & other methods of implementation.

Responsive Design

Sara Cannon

Font Swoon - Advanced Web Typography

Sara Cannon

Design Swoon - Visual Trends & WordPress

Sara Cannon

CSS Tricks for WordPress - WordCamp Phoenix

Sara Cannon

More from Sara Cannon (20)

Open Source Creativity

Design Strategy: How information Can Drive Your Designs Decisions To Success

Sara cannon pushing the creative limit

Learning Through Stealing - How to Become Better At Your Craft

WordPress & User Experience - WordCamp London

WordPress & User Experience - WordCamp St. Louis

Typography and User Experience - WCSF

Typography and User Experience in Web Design

Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014

Smart Design

SMART DESIGN - icon fonts, svg, and the mobile influence

IconFonts

The Future of UI - How Mobile Design is Shaping The Web 2

Designer vs Developer: BE THE UNICORN

Designer vs Developer: Creators in WordPress

Designing for The Modern Web

Responsive Design

Font Swoon - Advanced Web Typography

Design Swoon - Visual Trends & WordPress

CSS Tricks for WordPress - WordCamp Phoenix

Recently uploaded

Heather Hedden, Senior Consultant at Enterprise Knowledge, presented “The Role of Taxonomy and Ontology in Semantic Layers” at a webinar hosted by Progress Semaphore on April 16, 2024. Taxonomies at their core enable effective tagging and retrieval of content, and combined with ontologies they extend to the management and understanding of related data. There are even greater benefits of taxonomies and ontologies to enhance your enterprise information architecture when applying them to a semantic layer. A survey by DBP-Institute found that enterprises using a semantic layer see their business outcomes improve by four times, while reducing their data and analytics costs. Extending taxonomies to a semantic layer can be a game-changing solution, allowing you to connect information silos, alleviate knowledge gaps, and derive new insights. Hedden, who specializes in taxonomy design and implementation, presented how the value of taxonomies shouldn’t reside in silos but be integrated with ontologies into a semantic layer. Learn about: - The essence and purpose of taxonomies and ontologies in information and knowledge management; - Advantages of semantic layers leveraging organizational taxonomies; and - Components and approaches to creating a semantic layer, including the integration of taxonomies and ontologies

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

Enterprise Knowledge

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc

What are drone anti-jamming systems? The drone anti-jamming systems and anti-spoof technology protect against interference, jamming, and spoofing of the UAVs. To protect their security, countries are beginning to research drone anti-jamming systems, also known as drone strike weapons. The anti-jam and anti-spoof technology protects against interference, jamming and spoofing. A drone strike weapon is a drone attack weapon that can attack and destroy enemy drones. So what is so unique about this amazing system?

What Are The Drone Anti-jamming Systems Technology?

Antenna Manufacturer Coco

BooK Now Call us at +918448380779 to hire a gorgeous and seductive call girl for sex. Take a Delhi Escort Service. The help of our escort agency is mostly meant for men who want sexual Indian Escorts In Delhi NCR. It should be noted that any impersonator will get 100 attention from our Young Girls Escorts in Delhi. They will assume the position of reliable allies. VIP Call Girl With Original Photos Book Tonight +918448380779 Our Cheap Price 1 Hour not available 2 Hours 5000 Full Night 8000 TAG: Call Girls in Delhi, Noida, Gurgaon, Ghaziabad, Connaught Place, Greater Kailash Delhi, Lajpat Nagar Delhi, Mayur Vihar Delhi, Chanakyapuri Delhi, New Friends Colony Delhi, Majnu Ka Tilla, Karol Bagh, Malviya Nagar, Saket, Khan Market, Noida Sector 18, Noida Sector 76, Noida Sector 51, Gurgaon Mg Road, Iffco Chowk Gurgaon, Rajiv Chowk Gurgaon All Delhi Ncr Free Home Deliver

08448380779 Call Girls In Civil Lines Women Seeking Men

Delhi Call girls

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

Delhi Call girls

Presentation on how to chat with PDF using ChatGPT code interpreter

naman860154

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Neo4j

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

Delhi Call girls

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

The presentation explores the development and application of artificial intelligence (AI) from its inception to its current status in the modern world. The term "artificial intelligence" was first coined by John McCarthy in 1956 to describe efforts to develop computer programs capable of performing tasks that typically require human intelligence. This concept was first introduced at a conference held at Dartmouth College, where programs demonstrated capabilities such as playing chess, proving theorems, and interpreting texts. In the early stages, Alan Turing contributed to the field by defining intelligence as the ability of a being to respond to certain questions intelligently, proposing what is now known as the Turing Test to evaluate the presence of intelligent behavior in machines. As the decades progressed, AI evolved significantly. The 1980s focused on machine learning, teaching computers to learn from data, leading to the development of models that could improve their performance based on their experiences. The 1990s and 2000s saw further advances in algorithms and computational power, which allowed for more sophisticated data analysis techniques, including data mining. By the 2010s, the proliferation of big data and the refinement of deep learning techniques enabled AI to become mainstream. Notable milestones included the success of Google's AlphaGo and advancements in autonomous vehicles by companies like Tesla and Waymo. A major theme of the presentation is the application of generative AI, which has been used for tasks such as natural language text generation, translation, and question answering. Generative AI uses large datasets to train models that can then produce new, coherent pieces of text or other media. The presentation also discusses the ethical implications and the need for regulation in AI, highlighting issues such as privacy, bias, and the potential for misuse. These concerns have prompted calls for comprehensive regulations to ensure the safe and equitable use of AI technologies. Artificial intelligence has also played a significant role in healthcare, particularly highlighted during the COVID-19 pandemic, where it was used in drug discovery, vaccine development, and analyzing the spread of the virus. The capabilities of AI in healthcare are vast, ranging from medical diagnostics to personalized medicine, demonstrating the technology's potential to revolutionize fields beyond just technical or consumer applications. In conclusion, AI continues to be a rapidly evolving field with significant implications for various aspects of society. The development from theoretical concepts to real-world applications illustrates both the potential benefits and the challenges that come with integrating advanced technologies into everyday life. The ongoing discussion about AI ethics and regulation underscores the importance of managing these technologies responsibly to maximize their their benefits while minimizing potential harms.

Artificial Intelligence: Facts and Myths

Joaquim Jorge

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

Imagine a world where information flows as swiftly as thought itself, making decision-making as fluid as the data driving it. Every moment is critical, and the right tools can significantly boost your organization’s performance. The power of real-time data automation through FME can turn this vision into reality. Aimed at professionals eager to leverage real-time data for enhanced decision-making and efficiency, this webinar will cover the essentials of real-time data and its significance. We’ll explore: FME’s role in real-time event processing, from data intake and analysis to transformation and reporting An overview of leveraging streams vs. automations FME’s impact across various industries highlighted by real-life case studies Live demonstrations on setting up FME workflows for real-time data Practical advice on getting started, best practices, and tips for effective implementation Join us to enhance your skills in real-time data automation with FME, and take your operational capabilities to the next level.

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Safe Software

Scaling API-first – The story of a global engineering organization

Radu Cotescu

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

Recently uploaded (20)

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

What Are The Drone Anti-jamming Systems Technology?

08448380779 Call Girls In Civil Lines Women Seeking Men

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

A Domino Admins Adventures (Engage 2024)

Strategies for Landing an Oracle DBA Job as a Fresher

08448380779 Call Girls In Greater Kailash - I Women Seeking Men

Presentation on how to chat with PDF using ChatGPT code interpreter

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Artificial Intelligence: Facts and Myths

Powerful Google developer tools for immediate impact! (2023-24 C)

Automating Google Workspace (GWS) & more with Apps Script

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Scaling API-first – The story of a global engineering organization

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

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-webdesign-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

Theming & Mobile - Optimizing your Site for Various Devices

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (17)

More from Sara Cannon

More from Sara Cannon (20)

Recently uploaded

Recently uploaded (20)

Theming & Mobile - Optimizing your Site for Various Devices