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 [email protected] 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.

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: [email protected] Web: http://pantarei-design.com

hong kong drupal user group dec13th responsive web design for dummy

Technology