« iTunes Television and iPod Video Revolution | Main | Be Aware 7 »

Stylesheet Parody: CSStar Wars

by Adrian Hanft, (9 comments)


Designing with stylesheets can be one of the hardest things for a young Jedi web designer to learn. I learned HTML without the benefit of styles, and avoiding the dark side of tables isn’t easy. Mastering styles is hard, but the rewards are worth the Rebellion against tables. The real power of stylesheets is that you can change the design of an entire site by changing a single css file. So, it is with a real sense of accomplishment that I announce that Be A Design Group is now fully sylesheet driven. That’s right, no more tables for Be A Design Group.

“Now witness the firepower of this fully armed and operational battle station!” (click for full sound effect)

Released from the carbonite chambers of tables, our layout can take on any design we want. If we feel like DesignObserver, we can use our “is that the template that came with Movable Type” style:.

BADesignObserver.jpg

Or if we are in a SpeakUp, “man, that’s a big table” mood, we simply slip into this disguise:.

BASpeakup.jpg

As you can see, the power to destroy a planet is insignificant next to the power of CSS. Then again, uh, they are no match for a good blaster at your side? Ok, I have to stop before this Star Wars theme gets out of hand..

…Well, maybe a couple more…

Jedi mind trick disclaimer: I hope our friends at DO and SpeakUp are flattered by my parody. I love those guys, and have no intention of starting any clone wars. For the rest of you, thanks for putting up with my Star Wars nerdery.

Sponsored by:

Beta
contact badg

Comments (9)

Armin Vit said:

You know what they say about blogs with big tables…

Adrian said:

Ha! I here ya, Armin… Thanks for being a a good sport.

Bill Kerr said:

That is too funny! It is so strange seeing one of my favorite sites take on the form of two of my other favorites.

Thanks for the laugh, Bennett… and thanks to you for being cool about the parody, Armin!

Armin Vit said:

Anytime!

What’s funny now is that every now and then I get e-mails from people complaining that Speak Up does not fill their 1800 resolution monitors. Oh well.

Adrian said:

The old “can you make it bigger” request!

I wonder why more sites don’t let you switch between different stylesheets for different sized monitors. I haven’t come accross that anyway. You can’t please everyone, and I don’t really want to have several size variations. Rumors that we will be designing websites to be compatible with cell phone browsers makes me uneasy, too.

DC1974 said:

What are these people BLIND? Why on earth would you want the site to fill your monitor? Unless you sit 3 feet back from it, your field of vision can’t see the whole thing clearly anyway… Jeesh. Some people.

And of course, there’s the ever popular Blackletter, as seen here http://www.morsa.com/speakupwork/aiga.jpg

Bobby said:

Congrats on the CSS. Now might be a good time to take a look at your atom.xml feed. It’s pretty unusable as it is now, considering that every bit of html is spelled out within the article.

Adrian said:

Thanks, Bobby. We offer several other options for RSS if your reader doesn’t like our atom.xml feed. This is the one I recommend: feed://feeds.feedburner.com/badg


Post a comment


Make sure you understand our COMMENT POLICY before you comment. If you haven't left a comment here before, your comment may need to be approved before it will be published. Once it has been approved, it will appear on this entry. Thanks for waiting.