SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Downloaden Sie, um offline zu lesen
Mobile Drupal
 A hands-on guide to mobile theming




2011.01.27 - SW Drupal Summit
http://swdrupalsummit.com/sessions/mobile-drupal
Goals of Mobile
‣   Focus on content
‣   Reduction of complexity
‣   Straightforward use
Different Approaches
‣   CSS only
‣   Browser Detection + Mobile Themes
‣   Separate subdomain / path
‣   External Service (example)
CSS Media Queries
‣   Please read and bookmark (game changer)

    http://www.slideshare.net/bryanrieger/rethinking-
    the-mobile-web-by-yiibu
CSS Media Queries
 ‣   No media query support = a media query
     ‣   Target the lowest level capability first
     ‣   Filter for more functional versions from there
     ‣   More compatible than when you start with
         desktop styles and filter for mobile version
     ‣   Easy to cache


http://j.mp/rethink-mobile
CSS Examples
‣   http://colly.com/ - The example in the slideshow
‣   http://www.stpaulsschool.org.uk/
‣   http://kickawesome.tv/
Drupal Modules
‣   Browser Detection
    ‣   Browscap: http://drupal.org/project/browscap
    ‣   Mobile Tools: http://drupal.org/project/mobile_tools
‣   Other
    ‣   Semantic Views: http://drupal.org/project/semanticviews
        Allows you to clean up your Views output

    ‣   Mobile Theme: http://drupal.org/project/mobile_theme
        Simple but may cause caching problems
Drupal Themes
‣   Mobile Garland - http://drupal.org/project/mobile_garland
‣   Nokia Mobile - http://drupal.org/project/nokia_mobile


‣   Mobile Example - https://github.com/rupl/mobile_example
    Demo today: CSS-based responsive theme that delivers both the mobile and
    desktop experiences without theme switching.
Helpful Links
‣   User-Agent Switcher - Firefox Add-on for quick
    mobile testing. Always try the real thing.
The end
 chris@fourkitchens.com
 twitter.com/rupl
 http://drupal.org/user/411999




http://swdrupalsummit.com/sessions/mobile-drupal

Weitere ähnliche Inhalte

Was ist angesagt?

AR/VR The Next Big Thing
AR/VR  The Next Big ThingAR/VR  The Next Big Thing
AR/VR The Next Big ThingDiego Pacheco
 
Digital Signage for YMCA and the Drupal role
Digital Signage for YMCA and the Drupal roleDigital Signage for YMCA and the Drupal role
Digital Signage for YMCA and the Drupal roleDmitry Drozdik
 
Face your fears: Drush and Aegir
Face your fears: Drush and AegirFace your fears: Drush and Aegir
Face your fears: Drush and AegirIztok Smolic
 
Features in love
Features in loveFeatures in love
Features in lovebmeme
 
Codestrong 2012 breakout session create real interactive prototypes in minutes
Codestrong 2012 breakout session   create real interactive prototypes in minutesCodestrong 2012 breakout session   create real interactive prototypes in minutes
Codestrong 2012 breakout session create real interactive prototypes in minutesAxway Appcelerator
 
Local Development Made Easy: Multiple Methods for Local Development with Word...
Local Development Made Easy: Multiple Methods for Local Development with Word...Local Development Made Easy: Multiple Methods for Local Development with Word...
Local Development Made Easy: Multiple Methods for Local Development with Word...Mitch Canter
 
Theming Your Views
Theming Your ViewsTheming Your Views
Theming Your ViewsMark Jarrell
 
Show & tell - Who is Hugo?
Show & tell - Who is Hugo?Show & tell - Who is Hugo?
Show & tell - Who is Hugo?Dan Dineen
 
Introduction into Drupal site building
Introduction into Drupal site buildingIntroduction into Drupal site building
Introduction into Drupal site buildingIztok Smolic
 
Create Real Interactive Prototypes in Minutes
Create Real Interactive Prototypes in MinutesCreate Real Interactive Prototypes in Minutes
Create Real Interactive Prototypes in MinutesRob Rusher
 
Real World Windows 8 Apps in JavaScript
Real World Windows 8 Apps in JavaScriptReal World Windows 8 Apps in JavaScript
Real World Windows 8 Apps in JavaScriptDomenic Denicola
 
What is headless drupal?
What is headless drupal?What is headless drupal?
What is headless drupal?ValueCoders
 
Website factory with domain Access: why and how& - Kiêt Trân & David Ferlay
Website factory with domain Access: why and how& - Kiêt Trân & David FerlayWebsite factory with domain Access: why and how& - Kiêt Trân & David Ferlay
Website factory with domain Access: why and how& - Kiêt Trân & David FerlayDrupalCamp Kyiv
 
Angularjs Workshop Pre-Requisites
Angularjs Workshop Pre-Requisites Angularjs Workshop Pre-Requisites
Angularjs Workshop Pre-Requisites Houssem Yahiaoui
 
DCTPE 2011 - Drupal 是好的生財工具嗎?
DCTPE 2011 - Drupal 是好的生財工具嗎?DCTPE 2011 - Drupal 是好的生財工具嗎?
DCTPE 2011 - Drupal 是好的生財工具嗎?Charles Chuang
 
Rapid Prototyping With J Query
Rapid Prototyping With J QueryRapid Prototyping With J Query
Rapid Prototyping With J QueryBootstrap
 

Was ist angesagt? (20)

AR/VR The Next Big Thing
AR/VR  The Next Big ThingAR/VR  The Next Big Thing
AR/VR The Next Big Thing
 
Digital Signage for YMCA and the Drupal role
Digital Signage for YMCA and the Drupal roleDigital Signage for YMCA and the Drupal role
Digital Signage for YMCA and the Drupal role
 
Face your fears: Drush and Aegir
Face your fears: Drush and AegirFace your fears: Drush and Aegir
Face your fears: Drush and Aegir
 
Features in love
Features in loveFeatures in love
Features in love
 
Mozilla Thimble
Mozilla ThimbleMozilla Thimble
Mozilla Thimble
 
Codestrong 2012 breakout session create real interactive prototypes in minutes
Codestrong 2012 breakout session   create real interactive prototypes in minutesCodestrong 2012 breakout session   create real interactive prototypes in minutes
Codestrong 2012 breakout session create real interactive prototypes in minutes
 
Local Development Made Easy: Multiple Methods for Local Development with Word...
Local Development Made Easy: Multiple Methods for Local Development with Word...Local Development Made Easy: Multiple Methods for Local Development with Word...
Local Development Made Easy: Multiple Methods for Local Development with Word...
 
Theming Your Views
Theming Your ViewsTheming Your Views
Theming Your Views
 
Hugo - Introduction
Hugo - IntroductionHugo - Introduction
Hugo - Introduction
 
Show & tell - Who is Hugo?
Show & tell - Who is Hugo?Show & tell - Who is Hugo?
Show & tell - Who is Hugo?
 
Introduction into Drupal site building
Introduction into Drupal site buildingIntroduction into Drupal site building
Introduction into Drupal site building
 
Create Real Interactive Prototypes in Minutes
Create Real Interactive Prototypes in MinutesCreate Real Interactive Prototypes in Minutes
Create Real Interactive Prototypes in Minutes
 
Real World Windows 8 Apps in JavaScript
Real World Windows 8 Apps in JavaScriptReal World Windows 8 Apps in JavaScript
Real World Windows 8 Apps in JavaScript
 
What is headless drupal?
What is headless drupal?What is headless drupal?
What is headless drupal?
 
GWT Architectures and Lessons Learned (WJAX 2013)
GWT Architectures and Lessons Learned (WJAX 2013)GWT Architectures and Lessons Learned (WJAX 2013)
GWT Architectures and Lessons Learned (WJAX 2013)
 
HeadLess Drupal
HeadLess DrupalHeadLess Drupal
HeadLess Drupal
 
Website factory with domain Access: why and how& - Kiêt Trân & David Ferlay
Website factory with domain Access: why and how& - Kiêt Trân & David FerlayWebsite factory with domain Access: why and how& - Kiêt Trân & David Ferlay
Website factory with domain Access: why and how& - Kiêt Trân & David Ferlay
 
Angularjs Workshop Pre-Requisites
Angularjs Workshop Pre-Requisites Angularjs Workshop Pre-Requisites
Angularjs Workshop Pre-Requisites
 
DCTPE 2011 - Drupal 是好的生財工具嗎?
DCTPE 2011 - Drupal 是好的生財工具嗎?DCTPE 2011 - Drupal 是好的生財工具嗎?
DCTPE 2011 - Drupal 是好的生財工具嗎?
 
Rapid Prototyping With J Query
Rapid Prototyping With J QueryRapid Prototyping With J Query
Rapid Prototyping With J Query
 

Andere mochten auch

Sovereign Health Brochure
Sovereign Health BrochureSovereign Health Brochure
Sovereign Health BrochureSurajShaw
 
Modelo objetivos
Modelo objetivosModelo objetivos
Modelo objetivoscesarjosevv
 
Marsh Creek - Teaching with iPads
Marsh Creek - Teaching with iPadsMarsh Creek - Teaching with iPads
Marsh Creek - Teaching with iPadsDASD
 
2010 08 india search summit - opportunities in the future of search marketing
2010  08 india search summit - opportunities in the future of search marketing2010  08 india search summit - opportunities in the future of search marketing
2010 08 india search summit - opportunities in the future of search marketingGillian Muessig
 
Presentación de Gian Fulgoni en IAB Conecta 2012
Presentación de Gian Fulgoni en IAB Conecta 2012Presentación de Gian Fulgoni en IAB Conecta 2012
Presentación de Gian Fulgoni en IAB Conecta 2012IAB México
 
2010 Contemporary Casegoods Specification
2010 Contemporary Casegoods Specification2010 Contemporary Casegoods Specification
2010 Contemporary Casegoods SpecificationAlibia de Vente
 
Accenture Social Media PoV - 55m conversations in 55 days
Accenture Social Media PoV - 55m conversations in 55 days Accenture Social Media PoV - 55m conversations in 55 days
Accenture Social Media PoV - 55m conversations in 55 days Mac Karlekar
 
WordCamp NYC Scriblio 2009-11-13
WordCamp NYC Scriblio 2009-11-13WordCamp NYC Scriblio 2009-11-13
WordCamp NYC Scriblio 2009-11-13Casey Bisson
 

Andere mochten auch (20)

Sovereign Health Brochure
Sovereign Health BrochureSovereign Health Brochure
Sovereign Health Brochure
 
Modelo objetivos
Modelo objetivosModelo objetivos
Modelo objetivos
 
Marsh Creek - Teaching with iPads
Marsh Creek - Teaching with iPadsMarsh Creek - Teaching with iPads
Marsh Creek - Teaching with iPads
 
Social media & online marketing boot camp
Social media & online marketing boot campSocial media & online marketing boot camp
Social media & online marketing boot camp
 
August 2012 Ur-Energy Corporate Presentation
August 2012 Ur-Energy Corporate PresentationAugust 2012 Ur-Energy Corporate Presentation
August 2012 Ur-Energy Corporate Presentation
 
Google Plus For Business
Google Plus For BusinessGoogle Plus For Business
Google Plus For Business
 
Class 3 3
Class 3 3Class 3 3
Class 3 3
 
2010 08 india search summit - opportunities in the future of search marketing
2010  08 india search summit - opportunities in the future of search marketing2010  08 india search summit - opportunities in the future of search marketing
2010 08 india search summit - opportunities in the future of search marketing
 
Gri Online Survey 2009
Gri Online Survey 2009Gri Online Survey 2009
Gri Online Survey 2009
 
Presentación de Gian Fulgoni en IAB Conecta 2012
Presentación de Gian Fulgoni en IAB Conecta 2012Presentación de Gian Fulgoni en IAB Conecta 2012
Presentación de Gian Fulgoni en IAB Conecta 2012
 
2010 Contemporary Casegoods Specification
2010 Contemporary Casegoods Specification2010 Contemporary Casegoods Specification
2010 Contemporary Casegoods Specification
 
21st Century
21st Century21st Century
21st Century
 
20110118 ure corporate presentation (january 18 2011)
20110118 ure corporate presentation (january 18 2011)20110118 ure corporate presentation (january 18 2011)
20110118 ure corporate presentation (january 18 2011)
 
Facebook Workshop
Facebook WorkshopFacebook Workshop
Facebook Workshop
 
Accenture Social Media PoV - 55m conversations in 55 days
Accenture Social Media PoV - 55m conversations in 55 days Accenture Social Media PoV - 55m conversations in 55 days
Accenture Social Media PoV - 55m conversations in 55 days
 
HR Professionals: Social Media Best Practices
HR Professionals: Social Media Best PracticesHR Professionals: Social Media Best Practices
HR Professionals: Social Media Best Practices
 
Lateral Filing
Lateral FilingLateral Filing
Lateral Filing
 
Ur-Energy December 2015 Corporate Presentation
Ur-Energy December 2015 Corporate PresentationUr-Energy December 2015 Corporate Presentation
Ur-Energy December 2015 Corporate Presentation
 
WordCamp NYC Scriblio 2009-11-13
WordCamp NYC Scriblio 2009-11-13WordCamp NYC Scriblio 2009-11-13
WordCamp NYC Scriblio 2009-11-13
 
ACH 216 Lecture 09 (Issues During Project)
ACH 216 Lecture 09 (Issues During Project)ACH 216 Lecture 09 (Issues During Project)
ACH 216 Lecture 09 (Issues During Project)
 

Ähnlich wie Mobile drupal

Building Responsive Websites and Apps with Drupal
Building Responsive Websites and Apps with DrupalBuilding Responsive Websites and Apps with Drupal
Building Responsive Websites and Apps with DrupalFour Kitchens
 
How to build_a_mobile_site_with_drupal
How to build_a_mobile_site_with_drupalHow to build_a_mobile_site_with_drupal
How to build_a_mobile_site_with_drupalGreen For All
 
Drupal in 5mins + Previewing Drupal 8.x
Drupal in 5mins + Previewing Drupal 8.xDrupal in 5mins + Previewing Drupal 8.x
Drupal in 5mins + Previewing Drupal 8.xWong Hoi Sing Edison
 
Mobilizing your Drupal Site - Vancouver League of Drupallers
Mobilizing your Drupal Site - Vancouver League of DrupallersMobilizing your Drupal Site - Vancouver League of Drupallers
Mobilizing your Drupal Site - Vancouver League of Drupallersbaronmunchowsen
 
(For non-developers) HTML5: A richer web for everyone
(For non-developers) HTML5: A richer web for everyone(For non-developers) HTML5: A richer web for everyone
(For non-developers) HTML5: A richer web for everyoneChris Mills
 
Responsive web design
Responsive web designResponsive web design
Responsive web designpsophy
 
Responsivedesign 7-3-2012
Responsivedesign 7-3-2012Responsivedesign 7-3-2012
Responsivedesign 7-3-2012Thomas Carney
 
Building a Mobile Drupal Site
Building a Mobile Drupal SiteBuilding a Mobile Drupal Site
Building a Mobile Drupal SiteMark Jarrell
 
Drupal as a Framework for Mobile Development
Drupal as a Framework for Mobile DevelopmentDrupal as a Framework for Mobile Development
Drupal as a Framework for Mobile DevelopmentRachel Jaro
 
Briding the Gap between Desktop and Mobile publishing
Briding the Gap between Desktop and Mobile publishingBriding the Gap between Desktop and Mobile publishing
Briding the Gap between Desktop and Mobile publishingTom Deryckere
 
phonegap with angular js for freshers
phonegap with angular js for freshers    phonegap with angular js for freshers
phonegap with angular js for freshers dssprakash
 
Drupal%2 c mobility and m2serve
Drupal%2 c mobility and m2serveDrupal%2 c mobility and m2serve
Drupal%2 c mobility and m2servelittleMAS
 
Backing yourself into an Accessible Corner
Backing yourself into an Accessible CornerBacking yourself into an Accessible Corner
Backing yourself into an Accessible CornerMark Casias
 
Schemaorg cmsplugins
Schemaorg cmspluginsSchemaorg cmsplugins
Schemaorg cmspluginsSTIinnsbruck
 
Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09
Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09
Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09Tom Deryckere
 
Inclusive design: real accessibility for everyone
Inclusive design: real accessibility for everyoneInclusive design: real accessibility for everyone
Inclusive design: real accessibility for everyoneChris Mills
 
Building Mobile Websites with Joomla
Building Mobile Websites with JoomlaBuilding Mobile Websites with Joomla
Building Mobile Websites with JoomlaTom Deryckere
 
Grav CMS
Grav CMSGrav CMS
Grav CMSbtopro
 
Improving frontend performance
Improving frontend performanceImproving frontend performance
Improving frontend performanceSagar Desarda
 

Ähnlich wie Mobile drupal (20)

Building Responsive Websites and Apps with Drupal
Building Responsive Websites and Apps with DrupalBuilding Responsive Websites and Apps with Drupal
Building Responsive Websites and Apps with Drupal
 
How to build_a_mobile_site_with_drupal
How to build_a_mobile_site_with_drupalHow to build_a_mobile_site_with_drupal
How to build_a_mobile_site_with_drupal
 
Drupal in 5mins + Previewing Drupal 8.x
Drupal in 5mins + Previewing Drupal 8.xDrupal in 5mins + Previewing Drupal 8.x
Drupal in 5mins + Previewing Drupal 8.x
 
Mobilizing your Drupal Site - Vancouver League of Drupallers
Mobilizing your Drupal Site - Vancouver League of DrupallersMobilizing your Drupal Site - Vancouver League of Drupallers
Mobilizing your Drupal Site - Vancouver League of Drupallers
 
(For non-developers) HTML5: A richer web for everyone
(For non-developers) HTML5: A richer web for everyone(For non-developers) HTML5: A richer web for everyone
(For non-developers) HTML5: A richer web for everyone
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Responsivedesign 7-3-2012
Responsivedesign 7-3-2012Responsivedesign 7-3-2012
Responsivedesign 7-3-2012
 
Building a Mobile Drupal Site
Building a Mobile Drupal SiteBuilding a Mobile Drupal Site
Building a Mobile Drupal Site
 
Drupal as a Framework for Mobile Development
Drupal as a Framework for Mobile DevelopmentDrupal as a Framework for Mobile Development
Drupal as a Framework for Mobile Development
 
Briding the Gap between Desktop and Mobile publishing
Briding the Gap between Desktop and Mobile publishingBriding the Gap between Desktop and Mobile publishing
Briding the Gap between Desktop and Mobile publishing
 
phonegap with angular js for freshers
phonegap with angular js for freshers    phonegap with angular js for freshers
phonegap with angular js for freshers
 
Drupal%2 c mobility and m2serve
Drupal%2 c mobility and m2serveDrupal%2 c mobility and m2serve
Drupal%2 c mobility and m2serve
 
Backing yourself into an Accessible Corner
Backing yourself into an Accessible CornerBacking yourself into an Accessible Corner
Backing yourself into an Accessible Corner
 
Schemaorg cmsplugins
Schemaorg cmspluginsSchemaorg cmsplugins
Schemaorg cmsplugins
 
Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09
Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09
Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09
 
A Mobile Solution for #TheUnderdog
A Mobile Solution for #TheUnderdogA Mobile Solution for #TheUnderdog
A Mobile Solution for #TheUnderdog
 
Inclusive design: real accessibility for everyone
Inclusive design: real accessibility for everyoneInclusive design: real accessibility for everyone
Inclusive design: real accessibility for everyone
 
Building Mobile Websites with Joomla
Building Mobile Websites with JoomlaBuilding Mobile Websites with Joomla
Building Mobile Websites with Joomla
 
Grav CMS
Grav CMSGrav CMS
Grav CMS
 
Improving frontend performance
Improving frontend performanceImproving frontend performance
Improving frontend performance
 

Kürzlich hochgeladen

COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 

Kürzlich hochgeladen (20)

COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 

Mobile drupal

  • 1. Mobile Drupal A hands-on guide to mobile theming 2011.01.27 - SW Drupal Summit http://swdrupalsummit.com/sessions/mobile-drupal
  • 2. Goals of Mobile ‣ Focus on content ‣ Reduction of complexity ‣ Straightforward use
  • 3. Different Approaches ‣ CSS only ‣ Browser Detection + Mobile Themes ‣ Separate subdomain / path ‣ External Service (example)
  • 4. CSS Media Queries ‣ Please read and bookmark (game changer) http://www.slideshare.net/bryanrieger/rethinking- the-mobile-web-by-yiibu
  • 5. CSS Media Queries ‣ No media query support = a media query ‣ Target the lowest level capability first ‣ Filter for more functional versions from there ‣ More compatible than when you start with desktop styles and filter for mobile version ‣ Easy to cache http://j.mp/rethink-mobile
  • 6. CSS Examples ‣ http://colly.com/ - The example in the slideshow ‣ http://www.stpaulsschool.org.uk/ ‣ http://kickawesome.tv/
  • 7. Drupal Modules ‣ Browser Detection ‣ Browscap: http://drupal.org/project/browscap ‣ Mobile Tools: http://drupal.org/project/mobile_tools ‣ Other ‣ Semantic Views: http://drupal.org/project/semanticviews Allows you to clean up your Views output ‣ Mobile Theme: http://drupal.org/project/mobile_theme Simple but may cause caching problems
  • 8. Drupal Themes ‣ Mobile Garland - http://drupal.org/project/mobile_garland ‣ Nokia Mobile - http://drupal.org/project/nokia_mobile ‣ Mobile Example - https://github.com/rupl/mobile_example Demo today: CSS-based responsive theme that delivers both the mobile and desktop experiences without theme switching.
  • 9. Helpful Links ‣ User-Agent Switcher - Firefox Add-on for quick mobile testing. Always try the real thing.
  • 10. The end chris@fourkitchens.com twitter.com/rupl http://drupal.org/user/411999 http://swdrupalsummit.com/sessions/mobile-drupal

Hinweis der Redaktion

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n