Transcript of Hong kong drupal user group dec13th responsive web design for dummy
- 1. Hong Kong Drupal User GroupResponsive Web Designfor
DummyWater ZHANG2014 Dec 13th
- 2. Water ZHANG Designer, PantaRei Design
ltzhang4m@pantarei-design.com Multimedia Art Designer
https://www.facebook.com/liting.zhang.73
https://www.youtube.com/channel/UCpeAig4tjC4jj8JK5jp5Ptg Learner
Don't get set into one form, adapt it and build yourown, and let it
grow, be like water.
- 3. PantaRei Design Hong Kong based Free and Open Source
Software (FOSS) serviceprovider Content Management System (CMS)
with Drupal Cloud hosting with Amazon Web Services (AWS) Business
Partnership 2012 - AWS Consulting Partner 2013 - Acquia Partner
2013 - Atlassian Experts 2014 - Rackspace Hosting Partner FOSS
Contributor 2008 - Hong Kong Drupal User Group Co-founder 2012 -
Drupal Services Provider
- 4. Outline Why mobile first in Drupal? Design process in RWD.
Never dig the land mines for yourself. Time line in the
project.
- 5. Why mobile first in Drupal? 53% & 31%, 93% & 35%
Graceful Degradation & Powerful Upgrade Unknown screen size in
the future. We need mobile-friendly CMS.
- 6. 31%53%Why mobile first in Drupal?-- 53% & 31%, 93% &
35%2012.03
- 7. Why mobile first in Drupal?-- 53% & 31%, 93% &
35%
- 8. Why mobile first in Drupal?-- Graceful Degradation &
Powerful Upgrade Graceful Degradation Powerful Upgrade
- 9. Why mobile first in Drupal?-- Unknown screen size in the
future.
- 10. Why mobile first in Drupal?-- Unknown screen size in the
future.
- 11. Why mobile first in Drupal?-- Unknown screen size in the
future.
- 12. Why mobile first in Drupal?-- Unknown screen size in the
future.
- 13. Why mobile first in Drupal?-- Unknown screen size in the
future.
- 14. Why mobile first in Drupal?-- Unknown screen size in the
future.
- 15. Why mobile first in Drupal?-- Unknown screen size in the
future.
- 16. Why mobile first in Drupal?-- nown screen size in the
future.
- 17. Why mobile first in Drupal?-- We need mobile-friendly CMS.
Loading Huge mobile users Clients want it
- 18. Design process in RWD.DetailsSingle
ColorBlack&WhiteDummyWireframe432115 64321543266543Mobile
Desktop Tablet Theme
- 19. Never dig land mines for yourself. I need more reference.
Please give me a Mockup. Make it beautiful. I want free style.
- 20. Never dig land mines for yourself.-- I need more
reference.
- 21. Never dig land mines for yourself.-- Please give me a
Mockup.
- 22. Never dig land mines for yourself.-- Make it
beautiful.
- 23. Never dig land mines for yourself.-- I want free
style.
- 24. Time line in the project. Copy it as RWD design process.
Confirm everything step by step. Call them thousand times and make
themfeel like VIP.
- 25. Time line in the project.-- Copy it as RWD design process.
& Confirm everything step by step.
- 26. Time line in the project.-- Call them thousand times and
make them feel like VIP.
- 27. References
https://www.otreva.com/blog/mobile-web-design-mobile-first-responsive-
http://palantir.net/blog/drupal-8-mobile-initiative
http://simplytest.me/project/drupal/8.0.x
http://wearecircus.ca/2014/6-new-reasons-why-your-website-must-be-
http://developer.android.com/guide/practices/screens_support.html
http://www.lostingoogle.me/en/global-digital-statistics-2014-social-digital-
http://groovedigitalmarketing.com/3-reasons-must-mobile-friendly-website/
- 28. Q & A
- 29. I Need More Help! Read documents from Drupal Community
https://drupal.org/documentation Join Hong Kong Drupal User Group
Event organizing: http://www.meetup.com/drupalhk Technological
discussion: https://groups.drupal.org/drupalhk Business
connection:http://www.linkedin.com/groups/?gid=6644792 General
sharing: https://www.facebook.com/groups/drupalhk Contact us for
one (1) month free-trial support service
http://pantarei-design.com/services/support/#support-service-plans
- 30. Thank You Please feel free to contact us: PantaRei Design
Limited Unit 326, 3/F, Building 16WNo.16 Science Park West
AvenueHong Kong Science Park, Shatin, N.T. Phone: +852 2576 3812
Fax: +852 3753 3663 Email: sales@pantarei-design.com Web:
http://pantarei-design.com