|
|
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
| HOME
| DIRECTIONS
| HOTEL
| SCHEDULE |
| TOPICS
| SPEAKERS
| REGISTER
| CF CONF CENTRAL |
|
|