HOME DIRECTIONS HOTEL SCHEDULE TOPICS SPEAKERS REGISTRATION Special Offer More CLASSES SPREAD THE WORD Latest NEWS Photos

CF Conf Central
September 18th - September 19th, 2004
Rockville, MD

NEWS

Until the Fusebox conference ( September 18th - September 19th), we will be talking with featured speakers at the conference.

Interviews

7. Sandra Clark - Layouts in Fusebox 4

In this Fusebox Conference interview Michael Smith speaks with Sandra Clark about her talk "Layouts in Fusebox 4".

Michael Smith: Why should someone come to this talk?

Sandra Clark: Layouts have changed a lot from Fusebox 3. In Fusebox 3 the nested layout model emulated the nested table model that most people commonly used. However with the emphasis in the design community regarding web standards, CSS and tableless layouts, Fusebox 4 allows you the flexibility to set up and handle layouts however you want. We all deal with layouts; knowing how Fusebox 4 handles them is integral to using them.

MS: So why is CSS better than table layouts?

SC: Using CSS (including positioning) to style your markup is better than using table layouts for a variety of reasons. Most importantly for me is maintainability. It is much easier to code and maintain simple markup than markup that is between nested tables. Also, nested tables are bloated and take time to load on our client's browsers. Markup that is done with xHTML and CSS is commonly at least 40% smaller (sometimes more). It loads faster (remember that browsers can't display tables until the last table is closed), so it gives users a better experience. Its also much easier to change the way a page looks without changing the markup. Layouts done via CSS will also work well on all user agents (visual browsers such as IE and Mozilla), text only browsers, and mobile phones, all without changing your markup.

MS: That makes sense. When you say "simple markup" do you mean HTML tags such as H1, H2, STRONG etc?

SC: Yes, the HTML elements. By using all of the selectors that CSS offers (which are more than simply classes), we can create HTML that is simple, clean and very easily maintainable as well.

MS: And if I still want to code table layouts, can Fusebox 4 handle that? For example I might want to upgrade an existing Fusebox 3 site to 4...

SC: Fusebox 4 can still handle table layouts. However, the nested layout model does not exist in FB4 so while you can emulate it, it isn't a slam dunk to just change over. Layouts in FB4 are much more flexible and give you more choices than FB3. Upgrading an FB3 site to FB4 requires a change in the layout paradigm.

MS: I thought there was a plugin for nested layouts in FB4...

SC: I had written one for FB4 and ultimately gave it up; it wasn't a simple plug it in and have it work. Since then, I've discovered that it is best to use the prefuseaction function in the circuit, using the callsuper attribute to emulate nested layouts. But really, it's a very convoluted way of creating layouts. There are much simpler, more flexible ways of doing layouts in FB4.

MS: So do layouts in FB4 still use the fusebox.layout variable that FB3 used to display the dynamic content created in the fuseaction?

SC: No, as someone said at the last fusebox conference, "You mean the layout model in Fusebox 4 is that there is no layout model?" Layouts are totally within the programmers control, with lots of ways of achieving what you want.

MS: Hmmm, I thought there were custom layout variables in Fusebox 4...

SC: Yes, Fusebox 4 utilizes content variables in the circuit. FB4 uses it in the DO command and (I hear, but have not confirmed) that FB4.1 adds it to the INCLUDE command as well. What a content variable does is take any output from a fuse (or a file in the case of an INCLUDE) and stuff it into a variable. These variables can then be used in various ways, including layouts. You determine what gets put in which variable and where those variables are ultimately used.

MS: That sounds really powerful! I can't wait to see you talk


Previous Interviews:
Week 1: Hal Helms - Keynote Speech
Week 2: John Quarto-vonTivadar - New Aspects of Fusebox 4.1
Week 3: Michael Smith - Real World FLiP
Week 4: Rey Muradaz - How NOT to Fusebox
Week 5: Steve Nelson - Fusedocs
Week 6: Hal Helms - Bonus FLiP CD


If you have any questions, contact michael(at)teratech.com


|  HOME  |  DIRECTIONS  |  HOTEL  |  SCHEDULE  |
|  TOPICS  |  SPEAKERS  |  REGISTER  |  CF CONF CENTRAL  |