Panel Picking Ends for SXSW09

By admin

I’ve always thought of SXSW Interactive festival as our conference. This step-child of the Music and Movie fesitivals taking place each March in Austin, TX is our industry’s spring break, high school reunion, booze cruise and product showcase rolled into one. 

It also doesn’t hurt that that the barbeque in Austin is awesome, too.

Another aspect of this conference being ours is that the powers that be at SXSW open up the panel and solo presentation submissions up for voting by the public. 

Yes, you read that right. 

You can log in, rate the panel’s concept as well as lodge a comment to go with it. 

How many other conferences do that? 

This year’s SXSW Interactive Panel Picker is released, which has led to of-all-things: hotel rooms getting booked faster than people can bemoan SXSW as having jumped the shark or nuked the fridge.

I know I was part of the chorus last year that stated that since SXSW Interactive has grown so massive that meeting friends by happenstance is almost impossible. 

For example, thanks only to a string of last minute emails and text messages, I was able to coordinate a quick meetup with co-author Kevin Lawver right before the end of this past year’s festival.

The previous years? He and I took our time by hanging out going to nearby restaurants and burning rubber on a couple of treks to Salt Lick.

So, while the size has exploded—which is a good thing in the grand scheme of things—it means that the festival planners need all the help they can to put on the conference. Our conference.

If you have a few minutes, head on over to the Panel Picker and put in your two cents as to what kind of conference you want to see this March. 

And while you are at the Panel Picker, I would appreciate your vote for my panel submissions:

JavaScript for CSS Ninjas
You move with ease in Photoshop. You can cut down designs into pieces and then reconstruct it into valid XHTML+CSS, but JavaScript stops you in your tracks. In this session, we look at how the JavaScript frameworks like jQuery let CSS ninjas control the interaction layer without losing your workflow momentum.
Designing Our Way Through Web Forms
Although forms make the Web go around, they are often ugly due the generic way in which browsers display them, not to mention irritating to our site’s visitors when they don’t work as expected. In this session, panelists will provide specific details on ways to successfully create compelling forms for your users.

Voting ends this Friday night. 

CSS 3 Attribute Selectors

By admin

Another article of mine makes its appearance at the Opera Developer Community thanks to Chris Mills and Bruce Lawson.

This time the topic covers CSS 3 Attribute Selectors:

CSS attribute selectors allow us to pinpoint the values of attributes of an element and to style that element accordingly. CSS3 introduces three new selectors that can match strings against an attribute value at the beginning, the end, or anywhere within the value.

This provides powerful new ways to style elements automatically that match very specific criteria. In this article, I will put these new attribute selectors in action and create some clever CSS rules that attach icons to links based on the value of the href attribute.

To read the rest of the article, head over to the dev.opera.com Web site.

Translucent Elements with CSS

By admin

From the Opera Developer Community, the talented folks who managed the Web Standards Curriculum, comes my latest colum.

This article covers the method for varying the opacity of elements in a Web document:

There are two general methods for creating partially transparent elements on a Web page. The first method uses transparent PNGs with the opacity pre-set through a digital imaging application. While this technique works, making it cross-browser compatible is a bit complicated. Internet Explorer 6 and below don’t support PNG alpha-transparency natively, so you need to incorporate Microsoft’s AlphaImageLoader filter and some scripting to correct for this deficiency.

The second method for creating translucent elements—the technique we’ll explore in this article—is to use CSS properties to directly control the transparency of an element.

To read the rest of the article, head over to the dev.opera.com Web site.

The Graphic Design Realization

By admin

Back in 1998 in a movie theatre that doesn’t exist anymore, I looked at a movie poster. It’s the moment I realized there is such a thing as graphic design. 

Batman (1989)

As a Batman fan—more so a DC Comics fan—the poster captivated me. I remember staring at the poster in the movie theater for a long time. It’s a great piece of design, but all I knew at the time was that it was exceptionally captivating. 

The movie poster has the Batman logo, which looks sort of like an oil painting, but to this day I’m not sure how what medium it is. Also, all of the logo isn’t displayed on the poster—the logo is enlarged with the edges cut off on the left and right. And there’s a simple, understated date at the bottom of the poster informing all when the movie is going to be released.

Looking at the poster, I know this poster succeeded in communicating that a big movie event was coming and it wasn’t going to be a cheesy take on the Batman franchise. But I was perplexed as to why the movie poster had succeeded so well. 

A series of questions grew in my head: Why was the logo enlarged? Why not show all of it? Why is the only text the release date for the movie? Why not add more colors? Why gold and not yellow as it’s commonly used in the comic books?

That’s when I had the simple revelation that this poster could have been designed a different way led me to realize that the packages and products we interact with in our society don’t have to be designed in the way they are presented. 

Before this poster captivated me, I had assumed packaging and branding was a natural extent of a product’s origin. That the packaging, the logo, the movie poster and so on were shown this way because how they were supposed to look. 

It’s a silly thought thinking about it now, but that’s what I had thought till then.

And this line of thinking led me to find out “graphic design” and that there were schools that taught this sort of thing. 

It’s been many years since that moment and I’ve recently acquired a mint quality poster. The poster that started my path on graphic design and ultimately Web design is now framed and on display in my office. 

It’s a reminder of that one moment many years ago that my world expanded and I realized what I wanted to do with my life.

What about you? When did you realize there was such a thing as graphic design?

Christopher Schmitt Voices That Matter Interview at SXSW 2008

By admin

Along with fellow co-authors Kevin Lawver and Kimberly Blessing, your hero was also interviewed at the recent SXSW for Voices That Matter podcast.

Below is the video the publisher made of the interview along with the transcript I’ve recently produced to go along with it.

Micahel Nolan: Hi, I am Michael Nolan, senior acquisitions editor for New Riders and we are here at South by South West at Austin, Texas and I am with Christopher Schmitt, the author of Adapting to Web Standards, which is a book about CSS and ajax for big sites. 

And, Chris, what inspired you to write this?  This is your third or fourth book isn’t it?

Christopher Schmitt: This is my eighth book. 

MN: Your eighth book. 

CS: I think it’s my eighth book, but I am not sure.  I lost count.

What inspired me was that I was at previous South by South West and I came across the panel that talked about how to deal with Web Standards in a large corporate structure (slides, mp3, transcript) and I was just kind of floored. We need this type of information—expanded upon, of course. It was only an hour panel, but expand it to talk about the technologies, the processes and the team workflow.

MN: What are the challenges a big sites faces?  I mean, give me an example of a big site you might be talking about.

CS: Well, in the book Kevin Lawver talks about—he works for AOL—he talks about all the stuff he went through to deal with the front page of AOL.com, which is sort of a portal page. And he actually did a lot of analysis upfront with other sites to discuss, you know, what was the text ratio to the graphics of the document. 

He talked a lot about—at that point when you talk about a large site like AOL.com you are dealing with a lot of traffic that a single web developer working for a small website like me, a small local bank site if you say or a small local business that wouldn’t get the necessarily the same traffic that AOL.com does.  So, the books that you find alot or the tutorials you find online are great tutorials on how to develop sites for a single, small case scenario where there will be one developer, one designer or one designer and one developer build the whole thing or maybe there’s two people. And the code that goes into it or the graphics, the hosting, you know, works great in that area, but when you deal with a large scale company when you have various specialists—not everyone is a generalist—you have to deal with lots of technologies that you have to deal with lots of bandwidth you have to force down to people and not having a lot of code that is compressed. Basically, you are wasting a lot of bandwidth to deliver it and deal with JavaScript all these technologies. It doesn’t scale very well between a small site—

MN: So, in this book propose methods for scalability.

CS: No, we don’t propose methods.  We actually talk about methods that people are using. 

We talk about—you know, HTML is pretty much always going to be HTML. We talk about HTML basics for semantic markup, which is always great. We also talk about CSS, but also talk about CSS in terms of how to manage CSS files for large Web sites. 

If you do a small website maybe we will have one CSS file that control everything for a max of 100 pages or if you are very lucky like, maybe, 1,000 pages or so. But when you are talking about 10,000 pages and you have various hands in the pot as well,  it’s kind of tricky because how do you manage who has control of what CSS file.  And then you have various subsites or intranet sites, then you have to determine which CSS rules dictate which designs. 

Then we move on to the JavaScript. JavaScripts is great, but if you just dealing with some simple validations on a small site you can get away with mutiple. separate scripts.  But when you are dealing with large Web sites you have to deal with JavaScript libraries, you have to deal with compression of libraries since they are large files and then we move on to JavaScript frameworks and how to deal with those.

And then we have a great chapter by Kimberly Blessing, who talks alot about Web standards and how to actually get that into a work flow for a dynamic, large group. Because when you are working, you just want to get the work done because you always have a pile of it on your plate. You have to go through it

But a lot of times there is poor documentation. if there is any documentation, people might not know the best way of doing things. And so Kimberly’s chapter is great for explaining the purposes of Web standards and a large scale environment and how to do it. It’s a great way to cap the first part of the book.

In the second part we have a lot of examples like the AOL one that Kevin Lawver wrote. We also have one for Tori Amos’ site. 

MN: Tori Amos?

CS: Yeah, we actually have it. We decided, you know, to mix it up a little bit in there. We talk about something a little bit more creative, but also high-profile.

MN: A large, large scale site.

CS: We talk about that a lot. And then we also have an interview that Mark Trammell did with the people that personally developed Yahoo!‘s front page and all the stuff they went through.

MN: So, you had this book actually started of works the way a big. large scale site does in that this was a team effort. It wasn’t just you. 

CS: Oh, yeah, definitely. I mean, we had the idea of the book and, I know, that just with a the team, I don’t have every skill set. There are other more people that know lot more details about it. It was really great because the panel I went to Kevin Lawver was on it. Kimberly Blessing was on it. They were really great friends of mine—

MN: And the panel became a book.

CS: Yeah, the panel became a book and I was so grateful. I was, like, “hey, you have this great idea, we just need to expand upon it. Would you be in on it?” And they all said, “yes,” which is really great. 

And I am also missing two other people on the panel, but I totally forgot their names. I’m sure they are going to hunt me down.

MN: They might not. 

South by South West is always good source for us find books, the right authors. How long you have been coming to South by South West?

CS: This is my fifth year. And it was like 2,400 people, five years ago. Now I think I heard the number was like seven thousand or so.

MN: It’s tripled in size, yeah.

CS: Yes, it’s tripled in size. You know, it’s kinda hard to find lunch.

MN: It is hard to find lunch. What else do you miss about the old days of South by South West?

CS: I miss if you want to talk to someone, you could actually track them down. Now it’s more like surfing or like fishing, I guess, in a way—not that people are fish—, but if you see someone, that’s great, you know, just don’t plan on it.

MN: It wouldn’t be surprising if you came and you miss seeing—

CS: Yeah. Actually, people were talking about. They realize now that we are like a bit more than half-way done, if not more. They realize they are not going to se people because we are missing them in all this flow.

MN: But, on the other hand, there is flip side, of course. In the fact that it’s so huge to me, it has more richness, more texture, more things going on.

CS: But you can get more people coming from different point of views, different histories. There is a vibe in South by South West that you don’t get at any other conference. 

MN: What is vibe for listeners? Can you describe that?

CS: Well, I think it comes from our industry being so different than other industries. I don’t know a lot of other industries, but from talking to my brothers, my family members and my friends who don’t work in this industry. Other industries are very closed. They keep their secrets close to their hearts, chests. 

This one, you know, if education is so—people are blogging what they’ve learned, you know, some Web design tricks or techniques. It’s very open and sharing. You don’t really get that type, of you know, talking about other places. And, I think, South by South West with the components of film and music, where it’s creative expression, it’s a natural tie-in, too.

MN: And then it is Austin which is such a wonderful city. It’s so fun to hang out in for few days.

CS: Yeah, I think South by South West Interactive is definitely helping keeping Austin weird—er.

MN: Oh, that’s good. 

So, speaking of conferences, you are going to be at our Voices That Matter Web Design conference.

CS: I’m totally stoked about that one.

MN: Yeah, we are, too. It promises to be quite exciting. That is going to be in early June in Nashville, Tennesse, which is a similar to Austin, not quit as weeird, perhaps. But a great city full of creativity and music and all the rest of it. We look forward to see you in there. 

Thanks, Chris.

CS: Oh, thank you!

Do You Want a New Blog Design, for Free?

By admin

In September, I’ll be taking part in IZEAFest in September in downtown Orlando. I’ll be on a panel called “Blog Design Makeover” along with Scott Allen and Matt Blancarte.

IZEAFest Badge

Here’s the panel abstract:

Ugh, default templates are soooooo 2002. Jump into 2008 with the latest tips and tricks on presenting an aesthetically pleasing blog and watch as three design experts critique blogs, then give them a makeover. After all, looking good never goes out of style.

Extreme Blog Redesign

Feel like your blog is the shack in a neighborhood of mansions? Have a solid foundation but need some remodeling? Now’s your shot at having our panel of experts give you the blog redesign of a lifetime…and ultimately the building blocks for success.

Have your blog to be made over at IZEAFest’s “Extreme Blog Makeover” panel. Three blogs will be chosen.

Submit your blog for consideration!

Will I see you there? I’m looking forward to returning back to my stomping ground.