Web Visions 2009 Workshop and Panel

I’m gearing up to visit Voodoo Doughnuts and Japanese Garden once again! In late May, I am excited to return to Web Visions in Portland, OR. 

I will be ginving my workshop on workflow and coding decisions in From PSD to XHTML+CSS 4TW!

Topics will be varied, but the highlights are:

  • Working with Adobe Fireworks to create compelling images
  • Using Photoshop for increase development, turnaround times
  • Using CSS frameworks to speed up development time
  • Review of CSS techniques to make your page designs more progressive
  • Add JavaScript frameworks to fix CSS in older browsers while adding effects in modern browsers
  • How version control setups like Subversion can benefit your workflow

For this type of workshop, I do ask a lot of the audience. Every freelancer and agency is different in how they handle workflows. We all have our tips and techniques on how to get work done–so be prepared to share and learn!

Just a note: if you plan on attending, the early bird rates end on March 31st.

If you stick around the rest of the conference, I’ll be joining Kimberly Blessing for the Designing Our Way Through Web Forms panel. 

Every Booth at SXSW Flatstock Poster Show

Just like with the MacWorld Expo and SXSW Interactive Tradeshow, I took a photograph of every booth in the SXSW Flatstock Poster Show.

My first time staying after SXSW Interactive for the music festival that follows afterwards allowed me the opportunity to also check out Flatstock, a trade show of vendors selling music posters of all design and musical genres. 

As a designer, I found Flatstock to be one of the most inspiring events of the entire SXSW festival. I highly recommend Flatstock if you make it to SXSW next year, but make sure you budget for it!

Along with being inspirational, Flatstock was also the most draining on my personal finances. I left with several posters, but a lighter wallet.

SXSW Flatstock Poster Show

Web Form Elements

For SXSW Interactive 2009, I was fortunate to be on the Designing Our Way Through Web Forms panel with Kimberly Blessing from Comcast Interactive Media and Eric Ellis from Bank of America. 

We covered a lot of ground in the panel. three mini-presentations and a q+a. My main contribution to the panel was covered in Web Form Elements (presentation): a brief look at how CSS and browsers display form controls. 

View more presentations from teleject.

After assemblig a resouce of 3,500 screengrabs, would you be shocked if I told you that there isn’t consistency in this area?

For access to the resource, check out WebFormElements.com, which will take you to my flickr collection of all the images.

Politely Stalk Me at SXSW 2009

Since SXSW has grown so much (a good thing) it’s hard to catch up with friends and colleagues, I decided it should be a good idea to write down the daytime events I’m scheduled to appear in this year’s Interactive festival:

Designing Our Way Through Web Forms 
Sunday March 15, 2009 from 3:30pm — 4:30pm
Hilton Austin in Room A

Professional CSS Book Signing with Mark Trammell and Cindy Li
Sunday, March 15, 2009 from 5:00pm — 5:30pm
South by Bookstore at Austin Convention Center

The Bloggies at SXSW 2009!
Monday, March 16, 2009 from 12:30pm — 1:30pm
Austin Convention Center

No Web Professional Left Behind: Educating the Next Generation
Monday, March 16 from 3:30pm — 4:30pm
Hilton Austin in Room B

2009 WaSP Annual Meeting
Monday, March 16 from 5:00pm — 6:00pm
Hilton Austin in Room B

Also, you can track my upcoming events like the In Control Conference by following my upcoming page.

And don’t forget the SXSW Autograph Tour Giveaway that’s going on throughout the conference. Until all the books are gone, that is. 

Convert XHTML Web Pages to HTML5

There were a couple of questions that cropped up in my HTML5 presentation that I thought I would mention in my blog. Both were somewhat related:

  1. How hard is it to get an XHTML page to validate to HTML5?
  2. Does the HTML5 page allow break tag, or any other empty elements?

The answer to the second questions is “yes”, based on the experimental HTML5 validator from W3C. The validator you know and trust has been set up to test HTML5 albeit in an experimental fashion. Which makes sense since HTML5 is still a specficiation still being written and implemented in bleeding edge browsers. 

The answer to the first question is “pretty easy”. 

I took a sample XHTML 1.0 Transitional page and converted it to HTML5 by swapping out the DOCTYPE and updating the HTML element’s attributes as noted in the presentation.

I did run into a slight problem of a div attribute not being allowed in a blockquote. However, it was the align attribute set to center. But that’s not really a problem. I should have had the div element set to align center via CSS anyway.

What this means, in theory, is that if you have XHTML pages it should be easy to convert them into HTML5. It should be even easier to convert them if you have pages that validate towards XHTML Strict.

So, the benefits of a stricter coding in XHTML help out the Web developer when heading into HTML5.

SXSW Autograph Tour Giveaway

Are you planning on going to SXSW Interactive Festival this year? If so, you can take part in the Adapting to Web Standards SXSW Autograph Tour Giveaway.

Print out the form below, then track down (politely) all the co-authors and get their signature on the form. Afterwards, give the form to me for a copy of the book. 

The first five people that do that get the book for free!

Adapting to Web Standards SXSW Autograph Tour Giveaway

UPDATE: It’s come to my attention that a group of Web design and development folks may not have access to a printer or they simply do not want to carry around a piece of paper in which to obtain our lovely signatures. (The word meatspace was even banied about in a potential derogratory fashion.)

To that end, we’ve changed up the rules to the contest. 

You can use your digital camera or mobile’s camera to capture a photo of each of the authors .However, there are some rules to the photo entires! 

  1. Only you and one author per photo
  2. photo has to be in the style of Tanteking,
  3. each photo needs to uploaded to Flickr (they have free accounts, so no complaining) and properly tagged with: 
    1. authors name,
    2. your name,
    3. the phrase “tanteking”,
    4. and the phrase “sxsw09autographtourgiveaway”.

Also, if you happen to be old school and collect all the signatures on paper, you will receive an additional prize To Be Determined Later. 

Looking into HTML5

In talking with one of the Mikes at the Dayton Web Standards Meetup about what topics people would like to hear at an upcoming meeting, I shot off an email half-thinking, “well, I would like a talk on HTML5 and CSS3.” 

I’m not exactly sure what his response was, but at the next meetup I was standing in front of about twenty people wanting to hear what I found out about HTML5.

That Mike sure is a sly one. Well, one of them, at least.

To be honest, I wasn’t too thrilled about the prospect of HTML5. I’m a little weary of anything still in the larval stage of Web development after getting bitten badly by the poor Netscape Navigator 4 betas. 

But, as I dove into a little bit of HTML5 and what bleeding edge browsers that support the unfinsihed spec. Below are my slides from the presentation that can help other people who were as clueless as I was about HTML5. 

View more presentations from teleject. (tags: xhtml webdesign)