I’ve been teaching web design for the last 8 years at Bradley University. In the course, I focus on web standards and the design process with my students. I’d like to share an idea I had some time ago and have been using for the last several semesters with some pretty good success. This concept is called, “The Redline Document”. I’ll explain it in just a moment, but first a little background.

In producing a website design, there are replicable steps you should take in order to ensure success, this is a “Process”, if you will. This process should be sharable, transferrable to others on your team and easy to implement. Eventually, the steps should become like second nature to you and your team members. Hopefully, at some point, anyone on your team will be able to step in and take over at virtually any step in the process. It’s crucial for any company that produces creative and technical solutions to adhere to a process in order to build a business and elevate beyond the status of simply being a “job shop” or “making ends meet”. At the Iona Group, we use such a process called “The 4D Process”. You can learn more about it here.

I teach an abbreviated form of the process we use at The Iona Group to my students in my course at Bradley. This simplified process is easy to grasp after a couple quick projects and works great for students, as it allows for a lot of input over the course of the effort. This works for academic settings where the instructor or peers need to offer critique at key project milestones, but it also transfers well to the professional world where you may distributing the workload and looking for stakeholder approvals. In client work, I strongly believe it is best to engage the clients early and often in decisions that affect the project. Each successive step in the process should be a minor reveal, not a massive “AHA!”, IMHO.

Some example design phase deliverables in a web design project would be as follows (I’m skipping past the strategy and definition dleiverables in this post, maybe we’ll cover those some other time):

• Sketch
• Wireframe
• Moodboard
• Mockup

Those would be documents you could share with your client and get feedback, critique, suggestions, and other stakeholder input. There is one deliverable missing from that list that I have coined “The Redline“. The Redline is not a document shared with the client, but rather a document used internally to ensure the designer, developers, copywriters and SEO experts are all on the same page when it comes to hierarchy, standards implementation and the details of templating the website. This document also serves a valuable purpose to junior level team members in how to structure their efforts. It’s basically a webpage equivalent to an engineer’s CAD drawing of an engine or other mechanical part. In our class we create the Redline document after the mockup phase, but it’s easy to see that there could be a lot of value in creating a Redline as part of the wireframing process. This document works well in a web design class setting to help teach students about page structure, semantics and design hierarchy.

This document also reinforces an oft quoted Zeldman-ism:

Content precedes design. Design in the absence of content is not design, it’s decoration.

I have produced these documents in the past using a printout and a fine-point red Sharpie marker, but the example here was made using Omnigraffle Pro. So, let’s see an example of “The Redline” (click the image for a larger view):

Essentially every element on the page is bounded by a red box, and in each box, the HTML tag that will be used in the creation of the page’s structure is clearly listed. Yes, I realize this should be elementary for an advanced web designer; and yes, once you become adequately skilled you may not need this document. However, for a junior level developer, or for a distributed team that relies heavily on standards based SEO and proper marked up pages, this document has a high amount of value. What benefits does it bring to such a team? Consider these:

• Prevents HTML “Writer’s Block” – There is no question that junior web designers struggle at where to start once they open a text editor. How will the nav bar be structured? How about that sidebar? What constitutes an H2, an H3, etc?
• Puts Proper Emphasis On Page Structure – One of the very best ways to SEO optimize is to start out with good bones. By looking at how your content is placed in the page you can make sure that tag weight won’t interfere with proper indexing or page accessibility. Sure, it’s great to have a website with a pretty face, but without good bones, you’re never going to have a design that truly performs. The Redline forces you to think critically about how your page content and structure live together.
• Separates Design Strategy from Design Production – Let’s face it. Thinking is expensive. You may only have a couple of high end designers capable of producing scalable, SEO friendly standards based designs. You probably have a much larger base of coders capable of writing HTML with some guidance. This allows the team to divide and conquer, with individuals adding value where they can really shine.
• Eliminates Divitis Before It Begins – Unfocused HTML writing results in poorly formed markup. No question about it. Writing without a plan is a recipe for disaster. This document is that plan.
• Documents the Design for Historical Purposes/Recordkeeping – As a website ages, the pages get edited, content maintenance systems get patched, templates are tweaked, etc. a website can get rickety. The redline document allows a team member to perform a development/design soft reset down the road. If you want to rollback the site later to the SEO optimized version that everyone agreed on, unless you have pristine document history or version control systems in place you may have difficulty reinstating the original template. The redline will at least allow you to recreate it with minimal fuss.
• Reduces Coding Time – No question about it, it’s easier to “restructure your page” semantically via diagrams than it is to rewrite HTML time and time again. Just like wireframes help short-circuit the “Photoshop Mockup Death Spiral”, this document helps accelerate the development phase.
• Establishes and Document Naming Convention for Classes and Elements Ahead of Time – When adding the ids and classes to the document, you are in essence documenting the framework for the CSS and the JavaScript to be integrated with the designs. This really will make sure a distributed team is all on the same page (pun intended).
• Empowers the Design Team To Help Developers Adhere to Standards – I’m not naming names, but I have come into a number of situations where backend developers have been entrusted to write the markup for the web designs they have been provided. These developers mean well, and can write great SQL and business logic, but page templating isn’t there thing. As anyone knows, a poorly structured DOM is going to produce invalid HTML pages. Invalid HTML documents are NOT going to be cross browser compatible.

So, there you go. I hope this info helps you either learn web design for the first time, or maybe even enhance the process you are using at work to help maximize productivity and increase your overall web design quality. Are you using a similar document in your process? I’d like to hear about how you are implementing planning documents like this to jumpstart your designs.

I love web standards, I do. I teach a class on them at a local university and extoll the benefits of everyone using them to create an open and accessible web. Why? They allow us to publish to an audience that is larger than any other ever assembled by man. Without them, the web would be a fragmented mess and it would be far less useful. Now, they also allow us to do some fantastically cool stuff, like the latest video from one of my favorite artists, Arcade Fire. Have you tried it yet? It’s worth a viewing, for sure. Check out the overview from Mashable, too.

But when I see things like this (which accompanied the aforementioned video):

I wonder… what are we doing? Sure, I know it’s a cool demo. Yes, it’s a fun and innovative use of technology… and hopefully we are learning things by creating these experiments… They’re lovely. But at what cost? Are we fueling some sort of Browser War II? Is rich media in this “post-flash” world (which I’m not really sure we are in), bound to ghetto-ize the cool sites and and force us to revert to the “Best viewed on a…” web mullet bumper stickers of 1999? Dude, I’ve been there… I have the scars to prove it and the burnt weekends and late nights of many a browser debugging session to recall not so fondly. Remember this? Am I detecting shades of it here, or what?

So, the next time you bash Flash or any other tech for not being open or taking too much CPU or whatever is the complaint du jour, take a look at this CPU output from my pretty much new 15″ MBP with 8GB ram… This was what was happening while that beautiful piece of open content was playing…

…

Yeow. Every piece of tech is capable of eating up processors, standards compliant or not. Just saying.

Oh and by the way, I did write a postcard to myself. Check it out.

As a long-time web designer, I have had lots of love affairs with various technologies over the years. GIFBuilder, BBEdit, Photoshop image-slicing, tables, HTML and CSS, Quicktime, VR, Shockwave, JavaScript, Flash 4, Flash 5, Flash MX2004, Actionscript 3, Flash Video, JQuery, DOM Storage… the list goes on and on.

Some of these have been long forgotten and swept under the rug of ancient things in my brain like stuff I learned in my chemistry classes or college psych 101. Other things churn, get their lives extended and get refreshed again and again. With our recent foray in mobile, one of those things for me right now is JavaScript. Often maligned, sometimes heralded, it’s obvious people have lots of opinions on what is one of the most widely deployed programming languages on the web.

After leaving my first job at Rollingstone.com (which consisted of making a lot of Flash minisites and games using Flash 4 and Flash 5), I renewed my interest in JavaScript and the dynamic DOM (I think it was called DHTML at the time). I was very concerned about SEO and machine readability around this time, so I stopped doing a lot of Flash for a couple years. Finally, around the time that Actionscript 2 came out, I started to like JavaScript less than I had previously and also started doing a lot of freelance game development for the web using Flash. Browsers were somewhat inconsistent in their rendering/parsing of it, it lacked the basic OOP and syntactical sugar of AS2 or even PHP for that matter, and debugging it was tough (Firebug wasn’t around yet). Shortly thereafter, JS frameworks like Prototype and JQuery began to emerge, making writing JS a lot less painful. It didn’t really help you get around some of the advanced development issues like true OOP or native data types like JSON, but it was certainly better than writing raw JS.

After AS3 hit the scene in 2006, it was tough to get me to want to develop anything of real complexity with JavaScript given just how awesome it was finally having an ECMAScript based language like AS3 that used strict typing, offered true OOP and provided compile time errors. Add to that, the fact that IE6 made dependable JavaScript a crap shoot compared to Firefox and there is no wonder why Flash enjoyed its heydays from 2004 to 2009 or so.

Fast forward to today and the constant bickering between anybody on the web about the slow death of flash or the rise of HTML5 or need for standards or whatever the tech press or bloggers will have you believe about what is going on behind closed doors between Google, Adobe, Apple and MS about the web’s next steps in media design and development tech and you still have to wonder… how will games, deep experiences and the like be built in HTML5?

Most demos of the tech are pretty frivolous or only prove that yes, you can play video without Flash. Who cares? Could I use HTML5/JQuery to build Sliderocket? Gmodeler? A top tier experience site for the latest blockbuster movie?

The answer, ‘possibly’… but would it be as easy to build and debug or render as fast as using Flash/ActionScript? Most likely, no.

Some of that has to do with the tools. Flash is made to create rich spectacles complete with detailed animations, rich interactions and precise graphics. It’s over 10 years old and is pretty mature. CSS (even CSS3) and the average rendering engines in a browser just can’t match up to it in power, speed, display uniformity across platforms and overall flexibility. But furthermore, building rich apps in JavaScript 1.x is still a pain. Some IDEs are better than others at it, but the language is still pretty much crap for heavy duty coding. Runtime errors galore, esoteric debuggers, a lack of strict typing and advanced data types in general, no formalized approach to MVC/ design patterns… the list goes on and on. Why are we going back to what many developers would call an inferior technology to Flash or even Silverlight. The drive is largely mobile, but there are some other politics at play as well.

When you look at the press coming out, or get phone calls from clients requesting HTML5 apps, alarm bells start going off in my mind. How are we going to handle this transition to a post Flash world when device manufacturers like Apple seem to be forcing us to use a hammer and chisel to produce pale imitations of sites that we built two years ago using great tools? Is the Flash platform perfect? No, but it’s better than pretty everything else we have tried so far for building examples like the ones I pointed out above.

What are the next steps? Well, to see some of the docs coming out of the standards crowd and the browser developers, not much. Ugh. If my tools of choice (Flash and Flex) are really going to lose ubiquity in the player realm, marginalizing their effectiveness due to lack of ubiquity, then please at least give us some tools to build JavScript apps in that are at least as good as what we already have. Get JavaScript 2 out there, please and make it good, not hobbled like the next gen of ECMAScript looks to be. And please, bring hardware accelerated SVG rendering to all browsers, not just IE.

This is not meant to be a “HTML5 sucks” or a “Flash rocks” post… there are plenty of those already. I am interested in hearing what you think though… Does HTML5 need a better DOM scripting partner if it is going to take over for Flash? What does an ideal HTMl5 authoring tool look like? Do these questions matter as much as I think they do to the average designer/developer?

So here’s an interesting thought… could you create Pixton in HTML5? Could you make as good of a webcomic as RobotBeach in Pixton? Hmm.

The tool does not dictate the quality of the output.

Everyone makes resolutions for the New Year, right? Quit smoking, eat better, be nicer, be more productive, etc etc. How about resolutions for your web presence and activity? What things should be considering doing, or STOP doing online to maximize 2010? After all, it is the year we make contact, so when the monolith comes calling, you want to be ready! Here’s what I am planning on working on:

• Understanding Twitter/Facebook/Linkedin Technical integration points better and using them! – Yes, all these sites can speak to each other. But should they? And should they always be talking to each other? Probably not always. I need to explore a more friends and family friendly approach to sharing my statuses via Twitter and Facebook. I frequently leave my non-geek friends scratching their heads. Hmm.
• Building out some more web-service based mashups – In 2008 I built a lot of mashups. Some for clients, most for fun. In 2009 at Iona, we’ve built a few site features out for clients leveraging various web services, but by and large it was pretty quiet for me personally on this front. I need to get back into it!
• Reskinning my blog – I’m coming on year 3 of this design. Time for something new.
• Refining my following list on Twitter and building some more lists – I think I over followed when I joined Twitter and I’m working to rectify that. Too many auto replying bots, too many marketing feeds, on and on. Also in the second half of 2009, Twitter launched lists. I have made a couple of them so far, but as they continue to build out this feature I intend to use it.
• Using Social Media Better When at Conferences and Events – Nothing is more annoying in a Twitter feed or your Facebook newsfeed than seeing a constant bombardment of updates from someone at a conference that feels as though every utterance coming from the speaker they are watching needs to be shared to all from the mountaintops. I have done this more than once. Not happening this year. For a great list of other things you should stop Twittering about, check this out.

So what are you focusing on this year? May I make a few suggestions, if you have chosen any? Here we go.

• Build Something – For Real – Stop being a flapping head social media douche and really make something! Some videos, a real website without your stupid grinning mug on it, an app, a mashup, an experience. Sure, maybe this sounds cynical, and maybe it’s a little bit much, but I’m just so tired of seeing the same old tired routine by “strategists”. Nearly all of ‘em just parrot whatever Seth Godin, Gary V, Chris Brogan or Jason Fried say and virtually all of ‘em are actually contributing very little to the conversation or the larger landscape.
• Stop Talking About “Maxmizing Your Personal Brand’s Reach by Microblogging”
  – Or whatever other crap your inner social media kissass self thinks will get you some sucker to part with their money. At this point, major corporations have “social media policies”. Little companies either get it or they probably never will. Where does this leave you? Well, if you were a “web designer” before all of this, you probably still are now. If you were a talentless hanger-on-er before… well, you can probably guess.
• Strongly question or reconsider what your “SEO Expert” is suggesting.
  - Do they Have your web copy looking like it was written by a 3rd grader? They are doing it wrong. With properly written markup and a decent product message, you don’t need to Google bomb your way to the top of the rankings. Certainly, writing repetitive boring copy may have its advantages (it’s easy and doesn’t take much creativity) and can sometimes get you higher rankings, but at what cost… You ultimately devalue your organic search results by not giving the user and deeper content once they visit your site.
• Don’t Build a Microsite without a Media Buying Plan and determing the Metrics Package and how it’s going to be implemented. – You would not believe how often new microsites sites pop up for products and services if you are not involved in this industry. Weekly, there are dozens featured on Marketing and Advertising blogs. So often when you visit the site and poke around the source code, you notice there is not an analytics package in place. Unreal. What a waste of money. Make a pledge to your budget to not launch a site without measuring how it’s working.
• If You Don’t Have a Business Twitter or Facebook Account, You Absolutely Need One – With these sites drawing the type of traffic they do, if your business is not on them, you are really missing out. Even if you are a straight up B2B services company and do very little public marketing, you can find value in being on these sites. If nothing else, you should be there in order to at least protect your brand name in the space and prevent it being hijacked.

Ahh… that time of the year again. Time for everyone’s top ten end of the year lists. I used to write ones for record albums or movies, videos games etc. Here I am taking a slightly different slant. I haven’t ever put one together focused on the industry that I work in, the web/rich internet app design space. This is my attempt at that. These aren’t really in an order or “awesomeness” or anything… I welcome comments and your additions. Please feel free to shoot down my suppositions or add more!

• Google Releases Galore – The list was staggering. I couldn’t possibly get them all here, but some notables were Voice, Chrome, Chrome OS, new Android devices, Wave, and major revisions to the Maps and Earth APIs. A really strong list of stuff, and virtually all of it is highly useful and usable. They are definitely on a roll now. Are they making good on their promise to “not be evil”? It can’t be easy with that many outlets.
• Twitter Goes Main-Mainstream! – When Twitter’s publicized race between CNN and AK to reach a million followers hit the mainstream press, that was a wake up to virtually every media outlet out there. Twitter was for real. Now, you can’t even watch your local affiliate, pick up a small town paper or even talk to your aunt without them telling you to follow them on Twitter. Numerous high profile magazine covers on Fortune and other “old media” stalwarts have signaled a changing of the guard, if you will.
• People Finally Notice Facebook Privacy Settings – Facebook has taken some heat in the past for Beacon and various other advertising techniques they have employed to provide users with targeted content. With later 2009′s changes to the privacy settings page and a note from Zuckerberg to all users about the changes coming soon, it obvious that Facebook’s privacy policy is on a lot of people’s minds. I know I’m not too keen on my wall posts showing up in Google searches or things like that, and I have had a lot of novice FB user friends and relatives ask me how to restrict their content so that only close friends can see things. Now, will this help people finally realize the difference between a private message and a wall post!
• Oracle Buyout of Sun – “The database giant swallows the beleagured server system maker”, lots of headlines like that spun out after news of the buyout. Most, if not all missed the simple fact that Sun controls the MySQL Open Source Database. Even the Oracle press release neglects that fact. Since a large majority of notable Open Source projects use MySQL as their database, this has a large number of people in the community apprehensive and readying thei exit strategies. Will it result in a fork of the DB? Stay tuned for this one.
• Piratebay Rollercoaster – Is it up? Is it down? Are they in jail? Ever since the fateful day when their offices were stormed, the future of the tracker had been in question. They went to trial and all were found guilty, sentenced to jail for a year and a hefty fine was leveed. These convictions are all in appeals now. Then in the summer, Global Gaming Factory X AB announced they were intending to purchase the largest BitTorrent tracker in the world. The deal fell through. In November, they announced they would be shutting down the tracker portion of TPB, stating that it was unnecessary in today’s technological world of torrent distribution. While not technically a “web design topic”, it is important due to the huge amount of content trafficked via Torrents (estimated to account for up to 25% of all bits travelling the tubes.)
• Flash and Silverlight Play Feature Tag – No question about it, I’ve been tough on Silverlight. It’s too be expected, I’m a long time Mac user and a Flash developer. You couldn’t hardly expect me to jump on the bandwagon of a plug-in that directly competes with my favorite one and doesn’t offer proper development tools on the platform I spend all of my time on. This year at PDC, however, the newest version of Silverlight was unveiled, and man, does it look sweet! It finally is reaching a new feature parity of Flash. It still has no Mac dev tools, though. One thing is certain with all of this, it is really pushing Adobe to make Flash better. The 10.1 player update is bringing massive memory and performance updates and the AIR 2.0 update is bringing a ton of great improvements that will allow it to get a lot more powerful as an app development platform. I’m really happy to see the 2 way competition here, it’s good for everyone on the web.
• IE9 Announces Hardware Acceleration For The Browser – I have really mixed feelings on this. No actually, I really don’t like it much after further review. The features it will bring to websites are going to be amazing, no doubt, but with it being a Direct X implementation, there is little question that it is going to lead to a further forking of the web. Will anything programmed to take advantage of these IE9 features work on Firefox? Safari, Chrome? Older version of IE? In all likelihood, no. It’s probably not possible.
• OGG Theora Not Chosen for HTML5′s Media Format – This really put a crimp in HTML5′s ever shining hope. A single, dependable unified system agnostic video codec would be a huge thing for the W3 to get pushed through. Alas, it doesn’t seem to be. At least not right yet. Too many vendors, PC makers, software developers and everyone else are still squabbling for turf. They seem to have hit an impasse at this point, but Mozilla says they have no intention on giving in.
• Firefox Surpasses Any Single IE Version As The Most Popular Browser - Granted, Firefox has taken a beating lately by Webkit in many performance tests, but the venerable open source browser has recently overtaken IE as the world’s most widely used browser. Most impressive. From the linked article: “As of last week, Firefox 3.5 claimed 21.93% of the market, edging past IE7′s 21.2% share. That said, Internet Explorer 6, 7, and 8 still collectively hold over 55% of the pie.”
• With Smartphone Success, Comes a Mobile Version of Everything! – Smartphone market share keeps growing, and with it, mobile data usage. As this market continues to develop, content developers are caught in a very interesting pickle. Create a mobile version of their site for use in the handheld’s browser or build custom tailored apps that accomplish the user’s goals. Seems as though most major providers that can swing it are hedging their bets and building both. ESPN, New York Times, LinkedIn, Twitter, the list goes on and on. Will this continue? It doesn’t seem like a sustainable model to me, with development costs skyrocketing with each new device or platform coming to the markets. Luckily with a great SOA back end, building the new discreet UI for a device is only a marginal cost, relatively speaking, but there is only so far this can go.

So, there you have it. My list, what do you have on yours? I thought I did a pretty job scouring back through my feedreader and various other sources, so I feel pretty good about the list, but I really am looking for insights from others on this topic, too!

About a month ago I got two URL shortening services up and running. I launched http://fnla.me and http://fnaweso.me, learn more about the launch here. Now, I’ve updated them. I’ve added some new features, stats, for one. Additionally, you can now add the shortened link to your clipboard with a single click. Keep in mind, I still have the bookmarklets and an API available to you if you want!

To see how many users have clicked on a link you create in either service, simply add a “~” after the URL in your browser. Your link will be displayed along with the number of clicks you’ve received since it was created. Cool, eh?

The services are available in the AIR app, Shrinkadoo, so give that app a shot. If you maintain a Twitter app or would want to add the services to another website or service, let me know, I’d love to be included.

This past weekend, I spent a little time getting my own URL shortening services up and running. I launched http://fnla.me and http://fnaweso.me on Saturday, August 15th, 2009. Crazy, huh? With so many services out there already, why would anyone waste their time on such a project? Does the world really need more shorteners? What do these two shorteners provide that wasn’t already available in the myriad other services out there like TinyURL, Bit.Ly and the rest? Good questions.

At last estimate there are something like 90+ publicly known URL shorteners out there. There is most likely a lot more than those in the wild, though. With this many out there, it’s difficult to know which one to use. With the high profile blowout of Tr.im, and the subsequent rebirth as an Open Source toolkit it’s even muddier. How do you know you links will be safe? How can you protect your self against Social Media Link Rot? This will assist me in making sure my shared links are indeed safe!

There are a lot of opinions on URL shorteners out there, ranging from condemnation, to simple quiet acceptance. I was vehemently against them until relatively recently, as I saw them as yet another creaky layer of redirection and pointers in the web ready to break down at any moment due to another server going down or a service running out of $.

For now, the services are pretty spartan, they simply take a URL and shorten it using a base 36 algorithm. Custom URLs are also possible. I do indeed have a number of features planned like stats, import/export and others, but it all takes time. I do hope that the service will prove to be useful to others, but making money on it or getting millions of shortened URLs isn’t my main goal. I’m building this because it seemed like a fun project to take on over a weekend.

One thing I really like about the domains I have chosen for my shorteners is that the URLs allow for some personality to come through. Is the link lame content? Politically devisive? Something you can’t believe? Than you can use http://fnla.me. On the other hand, if the content is something you can get behind and highly recommend, use http://fnaweso.me

Both sites are powered by the open source URLShortProject currently.

So what do you think? Do you have a URL shortener you have created? Care to share it?

I may be one of the most conflicted web designers on the planet. Seriously. I write Flash/Flex code about as often as I work in HTML/CSS. I love ‘em both. I hate ‘em both. Each tool has their own pluses and minuses. I speak often about my love for Flash here, so let’s change gears for a second. Let’s get provocative even… It’s got to be said. What the fuck is the deal with these standards writers, working groups and developers these days?

Why do I ask this… Well, you all have Flash/Silverlight on the ropes, but you are giving them a free pass. How so? With the release of HTML 5′s video tag, canvas, yummy semantic tags and other advanced markup goodies… pretty much any major site, (eg, Facebook, YouTube, Google Video, Vimeo, etc), could just about up and walk away from Flash with the next major revision of Internet Explorer (hopefully 9 will come around). You see, Safari 4, Firefox 3.5 are out and they like to party. They’re out playing video all night long and swinging from the rafters. The biggest draw on the web today, video, is by and large delivered via Flash. Now, I wouldn’t be so brash as to say that Flash’s days are numbered by any stretch by this developing situation. There are a lot of things that Flash can do that simply can’t be replicated, even with JQuery (my fave JS framework), Processing.js or the new Scripty 2. However, these new browsers really take care of a ton of things that Flash is needed for right now like video playback and basic RIA implementations.

I don’t mean to be disrespectful to the standards group, W3C, etc, but with the competing standard, arguably, an anti-standard, Flash, on the ropes, why are you not focusing and assisting the devs in the trenches, the browser and tool developers and the web designers in the cube farms at MS, Adobe, etc? It seems as though there is a fracturing, rather than a coalescing of resources and forces in the standards arena. Don’t believe me? Check this out. And this. And then for a laugh, this. It’s a bit liek the wild west again. I’m getting flashbacks to 1999-2000, when tables and spacer.gifs were clutched in the dying grips of every SimpleText coder and every GifBuilder jockey.

Sound audacious? I know, right. But look at the evidence. Twitter is abuzz with the recent additions to HTML5, with new hot samples being posted in playgrounds daily, what it means for Flash devs and on and on (simply run a search there and see). Beyond that, a number of high profile standards focused designers are on the warpath right now, speaking out and writing with a virulence not seen since the height of the browser wars (yes, I’m that old). For example, Zeldman has had a series of fantastic posts lately laying it out on the line talking about the demise of the XHTML standards group, defending the use of standards in the face of adversity and Eric Meyer has recently started giving a talk on “how Javascript will save us all”, in which he recommends using Javscript (favoring no specific framework, really) to do things that CSS3 and HTML5 do quite well. There are a number of other examples out there just like this. ‚Äì Full disclosure, I use both Meyer’s and Zeldman’s books in my classes.

Talk about cutting off your nose and all of that rot. I love standards just as much as anyone, but when the big boys are changing their tunes about what constitutes good standards implementation (separate content – HTML from presentation – CSS and behavior – JS) in order to remain within the toolset and bowing down to the same boards they fought against a decade ago to get CSS2 adopted, I start to get a bit squeamish. You see, I have to teach this stuff to students. Teaching standards based design was before a lot like teaching a foreign language. A language a bit like Japanese in that it had rules that are reasonable cut and dry and work well with each other because agreement on how they work was decided upon and then used! Now, it’s like a mish-mash of bad drunken Engrish. Too many exceptions, IMHO. It’s like “i before e”, but with end tags and doctypes. *Blech*

Am I abandoning web standards? Nope. Though, I’ll probably be a little more likely to make an exception to the rule in what constitutes a good use case for it vs a plug-in, though. After all, we have until 2022, right? Thoughts? What are you doing to keep your standards based design skills sharp? My advice, just keep swimming.

Just a quick note to clue my visitors in on a fantastic little Firefox addon/cross platform app named Service Capture. From the site…

ServiceCapture runs on your computer(pc or mac) and captures all HTTP traffic sent from your browser or IDE. It is designed to help Rich Internet Application(RIA) developers in the debugging, analysis, and testing of their applications.

It is a time saver and a conundrum killer. It’s a verbose little HTTP sniffer, Flash tracer and bandwidth simulator all in one. It thoroughly rocks. One thing that it certainly shows, is just how many people publish SWF content without either removing or turning off trace statements before pushing files to their sites.

Besides Flash Trace statements, it shows XML files, AMF requests, system logs and tons of other stuff. It’s $35 well spent. I’m always looking for little utilities like this to help me out, so if you have some you like to use, let me know, I’ll check ‘em out.