Seeing Drupal Themes

Unfortunately Drupal theming has developed a reputation of being a black art. It isn't. But it is something that takes a little skill and a little practice. I've created a 20ish minute video to show you how I "saw" the original design for the Domicile theme and how I converted that design into a theme.

(Click here to watch the video if it's not appearing in your reader.)

During the video I draw on top of the design for the Domicile project using a wire frame tool, Balsamiq mockups.

Using the Balsamiq online demo you can import the XML for this wire frame (links to a text file, "save target as" to get the goods) and manipulate the wire frame yourself.

The final wire frame for the design looks like this:
Three column design broken into its component shapes.

This video is the first in a series of videos leading up to my new workshop: Responsive Web Design for Drupal. Stay tuned for the next video where I talk a bit about base themes and starter kits for theming and show you what I look for in a base theme.

Comments

it says the video has gone because its too long :(

Oh shoot! Thanks for letting me know. Serves me right for skipping out to grab lunch while it was uploading. Revised video coming shortly.

Still don“t seems to be working.

Um. Did you try clicking on the first big picture? That's the player....

Haha, yes I did and it said "... temporarily not available". But it is working fine now :-) Sorry for the trouble.

Thanks for the video.
It is very helpful to see and hear the thought behind the decisions
and not just the mechanics of how to do it

Any possibility that you could provide a direct download link for those of us with less than ideal connection speeds and limited band-width? My speed on satellite doesn't really work well for lengthy streaming. Also, if I download in the middle of the night it doesn't count toward my 200MB daily limit. Thanks!!

Thx for the video, it's really nice showcase. :)

If I notice right, you are using Ubuntu. Can you please share what screen / audio capture tool you are using?

Thanks.

I use gtkRecord on Ubuntu.

I'm a designer who often works on websites with my geek husband. He turned me on to Balsmaiq last job and he uses drupal. This video allowed me to see a little bit better about how he sees my designs. Nice job.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <h2> <img>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.