Home

Helpful browser extensions for Drupal theming

Drupal: 4m
previous video
next video
Video Series

Theming Basics For Drupal 7 Series

Title Play button
1. Introduction to Theming Basics for Drupal 7 FREE 19m
2. Preparing a site for theming 8m
3. Enabling themes and theme settings 7m
4. Translating a design into a Drupal theme 5m
5. Helpful browser extensions for Drupal theming 4m
6. Creating the .info file and adding CSS 10m
7. Customizing the page template file 23m
8. Adding regions to the page template 16m
9. Customizing the node template 24m
10. Creating dynamic templates for specific node types 8m
11. Using the theme developer module 6m
12. Adding JavaScript to a theme 16m
13. Tour of popular page template variables 12m
14. Adding a screenshot to your theme 4m
15. Conclusion to Theming Basics 3m
Information

This chapter covers some really handy browser extensions in the process of theming. For Firefox, there's the Web Developer Toolbar for turning off and on JavaScript, resizing the browser window to different sizes, and inspecting elements. It also has the capability to test changes to CSS files in a format that is easy to copy and paste into the source file. We also show off the basics of the popular Firebug extension, and the equivalent functionality that is now built in to webkit-based browsers such as Safari and Chrome.

Tagged: , , , , , and
Discussion

Comments

You need to be an active subscriber to comment. or .
Lullabot logo

Lullabot has trained thousands of Drupal developers & guided the development of some of the largest Drupal websites.