Why Aren’t You Using Fireworks to Compress Images?

I’m sure you’ve all heard the Fireworks vs. Photoshop debate. When I started at Pop Art, I was a Photoshop user. It was the application that we were taught in my graphic design program, and when I found out that the creative team used Fireworks, it took quite awhile for them to convince me that Fireworks is better for the kind of work a web agency does. Over time, I became a convert, but recently I had an experience that cemented Firework’s status for me.

Continue reading

Use Your Common Sense, People

Überschwerer Kampfschreitpanzer

A coworker of mine recently sent me a link and said “Cool, I didn’t know the Germans had a walking tank!

After a few seconds of conversation, it became clear that he was serious. To his credit, Kottke linked to this, and the stuff he posts is usually trustworthy. I’m not sure if Kottke was also fooled, or if his post is meant to be tongue-in-cheek.

Not to pick on my coworker (or Kottke), but use your common sense, people. Just ask yourself what are the odds that A) Nazi Germany built a 40 foot tall walking tank, and B) 30 years later George Lucas put an exact duplicate of a Nazi war machine into Star Wars, or that C) the only web site mentioning this incredible feat of engineering lists its statistics for a table-top role-playing game?

Photoshop Mockup

photoshop mockup

Work is continuing on the new design for the blog. I’ve moved on from thumbnailing to making mockups in Photoshop. I had a few false starts, and entertained a few odd ideas at first, but I soon got my focus back and worked hard at producing the mockup based on the final thumbnail I chose. Oddly, while my thumbnail was very helpful at getting sizes and layout down, I hadn’t put much thought into uses of color, beyond that I wanted to use more color than normal. In the end, my color choice was dictated by the photo in my header graphic, and I’m planning on setting it up so that I can easily slap up a new header graphic and adjust the colors on the rest of the design to match, which would let me do special designs or seasonal colors if I wanted to.

I also found myself debating about what size to make the design. I spent quite awhile looking at other blogs, evaluating whether or not I liked how their design filled the browser window. What I discovered is that while it’s quite trendy right now to design for 1024px screens and set the design up to cut off gracefully on an 800px screen (or not), I don’t think it’ll work for me. It’s great for guys like A List Apart, who have an abundance of content that all needs to fit on the front page, but my personal site doesn’t really need that. I would prefer that the design follow function in this case, so I’m sticking to 750px width. That’s actually a step up from the current design, but I’ve already used this width on Sean’s blog, and I like the extra breathing room it gives, especially in the sidebar.

I’m pushing myself right now to finish the design in time to submit my site for round 3 of admissions to the 9rules network. It will definitely be a big task to get everything done in time, especially since this weekend Annie and I are watching our friends’ kids so they can go on a date. Wish me luck!

Manifesto of a Web Producer

It came as a shock when I realized that I no longer consider myself a web designer. I mean, I’ve been into graphic design my whole life, and in college I focused on web design. Over the last few years though, my interest has gradually shifted from design to production. I’m less interested in creating a design from scratch than I am in the process of building the site.

I blame this entirely on Jeffrey Zeldman. He managed to show me that under the surface of the seemingly simple world of HTML lurked the fascinating world of web standards and CSS. Like a gateway drug, a few hits of Zeldman led me to Eric Meyer, Douglas Bowman, Jon Hicks and Michael Heilemann. And once I got a taste of how sweet standards can be in the CSS Zen Garden, there was no turning back.

In high school, I dreamt of having enough money for a copy of Photoshop. The idea of working with layers and transparency, and just the sheer power of the program blew me away. Today, I get the same rush cracking open the stylesheet from a well-designed site in a text-editor. It’s the concept of semantics, web standards and separating style from content that excites me. Fixing a display bug in IE gets my juices flowing the same way that the layers pallet in photoshop used to.

The web design industry seems to have divided itself between designers and developers. Designers spend some time doing production, and so do programmers, but there doesn’t seem to be much room in the industry for pure production positions. In fact, there’s a surprising amount of snobbishness involved. Designers especially seem to view production as something that anyone can do, so there’s not much respect for it. Developers are closer to the code, and tend to have a better understanding of the complexities of modern production methods, but even they don’t seem to have much use for it.

What people appear to have trouble recognizing is that excellent production is not simple assembly that can be done by anyone. It requires as much talent as a designer, and as much obscure knowledge and training as a programmer. Production methods today are not as simple as they were five years ago, and the industry is grudgingly coming to accept that there’s a growing need for people who are focused on production methods. We need people who can translate photoshop designs into clean, standards-compliant XHTML and CSS, and we need people who can work with the programmers to help them apply designs to their programs.

Mitch Hedberg had a joke where he lamented that people in the entertainment industry would expect you to do things that were only barely related to what you know. “You’re a comedian, can you write? …You’re a chef, can you farm?”

The web industry is doing the same thing right now by expecting designers and developers to know production. There was a time when HTML was simple enough that it was reasonable to expect programmers to produce their own HTML code, or designers to use a program like Dreamweaver. This isn’t really possible with modern web production. It’s unreasonable to expect that a good designer or programmer would be up-to-date on web standards or CSS browser compatibility and hacks, let alone more complicated matters like accessibility.

Which is where I come in, and people like me. I’m a trained graphic designer, I understand the concepts involved in good design. I also know enough about programming to be dangerous. But at heart, I’m a producer. I’m passionate about web standards. I get excited about CSS tricks, and I spend my weekends reading technical explanations of the latest browser workarounds.

This realization has been a long time coming, and when it snapped into focus, it was a shock. But like any important revelation, it immediately felt right. So I’m not going to call myself a web designer anymore. From now on, I’m a web producer.

Update, 2009: In the years since I wrote this post, I’m happy to report that the industry has shifted considerably, and the viewpoint I express in this article (that production is a separate skillset from design and programming) has come to be fairly well accepted. The only part I got wrong was the job title — Instead of “Web Producer,” the industry has settled on “Front-End Web Developer.” I would have preferred something like “CSS Ninja,” but I’m just happy that there’s agreement that production is a valued skillset.