Presentation for DrupalEasy's Intro to Theming workshop.

1. Intro to Theme Development Michael Anello, Ryan Price www.DrupalEasy.com

2. Who are you? Designers? Developers?

3. Content vs. Presentation Static HTML vs. Database-Driven Sites

4. Content vs. Presentation Easy Theme Switching in Drupal (example)

5. Alternate Title Anatomy of a Drupal Themer

6. Who I am not Not just a Designer

7. A Drupal developer Who I am (sometimes)

8. Designer != Themer Designers Developer $$$

9. The best designers and themers see the BIG picture. IMHO

11. panic.com – Coda

12. macrabbit.com – Espresso

14. UltraEdit.com

15. CrimsonEditor.com A Themer's Toolbox

17. Aviary.com (online)

19. ColorZilla

20. MeasureIt

21. Web Developer Toolbar A Themer's Toolbox

25. Styling

29. if (isset($var)): … endif;

30. if (!empty($var)): … endif;

31. http://drupal.geek.nz/blog/tplphps-are-not-templates

32. What do you need to know? XHTML CSS <?php print $content; ?> jQuery setting up a development enviornment version control a little more PHP?

33. Filetypes .info template.php .tpl.php images (.jpg, .gif, .png) css javascript

34. Brass Tacks http://drupal.org/node/171194

39. Region

40. Block

41. Node

42. Forms

43. Views

44. Panels

46. Style

47. Row

50. hook _theme_function(arg1, arg2) {...}

51. /sites/all/themes/ zen /template.php

52. zen _theme_function(arg1, arg2) {...}

53. Clear theme registry

55. Static HTML to Drupal theme http://drupal.org/node/313510

56. Subtheming http://drupal.org/node/225125

58. Theme Developer module: http://www.drupal.org/project/devel_themer

59. Block Class module: http://www.drupal.org/project/block_class

60. Block Theme module: http://www.drupal.org/project/blocktheme

61. Menu Attributes module: http://www.drupal.org/project/menu_attributes

63. Zen base theme: http://www.drupal.org/project/zen

64. Blueprint base theme: http://www.drupal.org/project/blueprint

65. NineSixty base theme: http://www.drupal.org/project/ninesixty

66. Fusion base theme: http://www.drupal.org/project/fusion

68. “Getting Started with the Blueprint Theme” - http://drupaleasy.com/blueprint

69. “Getting Started with the 960 Grid System” - http://drupaleasy.com/960

70. “Front End Drupal” by Emma Jane Hogbin and Konstantin Kafer. Prentice Hall, 2009.

71. DrupalEasy Podcast Interview with Emma Jane Hogbin - http://drupaleasy.com/frontenddrupal

73. http://groups.drupal.org/theme-development

74. http://groups.drupal.org/tnt-themes

75. http://design4drupal.org (June 19-20, 2010)

77. http://webchat.freenode.net/

78. Chatzilla (Firefox plugin)

79. Colloquy (Mac OS X) http://colloquy.info/

81. Types of Themes http://drupal.org/node/323990

82. POSH (Plain Old Semantic HTML) http://drupal.org/node/44072

83. Set the Maintenance Theme http://drupal.org/node/195435

84. Theme Search Results http://drupal.org/node/175013

86. http://themegarden.org

87. http://d-theme.com

88. http://DrupalThemes.org

89. http://groups.drupal.org/theme-development

90. http://www.csszengarden.com

91. http://oswd.org

93. http://drupal.org/project/zen

94. http://drupal.org/project/zenophile

95. http://drupal.org/project/devel

96. http://drupal.org/project/devel_themer