Drupal Camp LA 2008

Ok, so the camp has started.

http://picasaweb.google.com/jjemmett/DrupalCampLA08#

The keynote addresses were very well done. I took notes on paper, and I will transcribe them in here later.

First Presentation: jQuery and Drupal by Victor Kane
He spent a lot of time on the background of everything, but so far, no meat.

Tools that he is using: Firefox, and Firebug.

What I am understanding is that jQuery is currently a part of the core of Drupal, and we can interact with it via the console in Firebug.

Drupal uses a naming convention to do a type of polymorphism.

node-quote.tpl.php - adds the javascript to the page that is needed for the page, and it also templates the quote.

His website is http://awebfactory.com.ar/, and he will have his example code up on his blog.

That's all folks.


Second Presentation: Dreamweaver & Drupal 6 - XTND.US (Chris Charlton)
Dreamweaver is one of Chris's loves for the web.
  • It's a good IDE much like Eclipse.
  • It's a great tool.
  • Designers using Photoshop use it.
  • It's used by lots of people.

You are always learning CSS. Don't hold yourself back, stop using notepads and start using environments.

Always create two additional folders in their sites/ folder. Modules and Themes

His presentation is very Dreamweaver specific, however he's going over certain principles that are expandable for all users.

Introduction to: Drupal 5 Themer Kit Pro extension for Dreamweaver which he will be selling to get money for the Drupal Association.

Write down everything - "naming conventions rule"


Third Presentation: Theming with Zen (Mike Stewart)
Zen Fixed Width
Negative Margins. Make sure all your elements don't bother eachother.
Fourth Presentation: Introductory Theming & Understanding the Template System - (Michael Thorne)
http://drupal.org/project/devel
http://api.drupal.org/
http://drupal.org/node/209561
Fifth Presentation: Using CSS and JQuery to Manipulate Style and Markup: A Case Study of LAdrupal.org - (Helior Colorado)
Don't Modify, Override! Hacking the system breaks the community driven methodology of the project.

zen/subtheme/style.css and zen/subtheme/script.js are the default files that drupal looks for to override the more general objects and styles.

In order of importance in cascading style sheets:
  1. User !important flag will force an override of style
  2. Author !important
  3. Author styles
  4. User styles
  5. Browser styles
  1. Inline style=" "
  2. !important rule
  3. #id selector
  4. .class selector
  5. type selector
  6. * (universal) selector
Specificity Calculator - counter of how many times this is used (using an unspecified multiplyer. We are going to use multiples of 10 for an example)
  1. A(inline) X 1000
  2. B(id) X 100
  3. C(class) X 10
  4. D(type) x 1
  5. Position (last loaded) takes precidence if two have the same specificity
Example:
#main .block .nav li {
display:inline;
padding-left:5px;
} = 121
#page #main .block li{
display:block;
font-weight:800;
} = 211
  • item1
  • = 1000
    Case Study: ladrupal.org

    The website is owned by someone that can never be contacted.

    sets defaults first
    * {
    margin:0;
    padding:0;
    }

    jQuery can be very helpful to modify the theme after the page is sent to the browser but before it is sent to the user.

    Add code to the script.js

    $(document).ready(function(){
    if(document.getElementByID("Secondary")){
    $("#primary").html($("#secondary").html());
    }

    google search visual jQuery -> remisharp will help in understanding how the jQuery API works.

    Meet and Greet: acquia is a corporate sponsor of Drupal much like Redhat is a corporate sponsor of Linux.


    No comments: