November 16, 2008 say something

Web trend alert: Single Serving Sites

When Obama Wins

When Obama Wins scours and displays tweets containing the phrase 'when Obama wins'

I’m fascinated by the single-purpose websites that have been cropping up for the past year. I’m not much of an internet historian to track down exactly when the first of its kind came out, but they officially entered meme status when Jason Kottke wrote about it back in February.

In the era of 140-character microblogging and 10-inch subnotebook computing, brevity is king. But these straight-to-the-point sites aren’t exactly the iPhone-friendly versions of our increasingly bloated, self-centered homepages and bookmarks. (That’s a different phenomenon altogether and worth discussing in a separate article.)

They’re in a different group themselves, in a peanut gallery of sorts, poking fun at the rest of the all-too serious internet population. Stop worrying whether websites need to look exactly the same in every browser, you should use tables for layout (give up?), Diet Coke will kills us, graphic design is art, Barack Obama is Muslim or muslin or President, or it’s Tuesday, April Fool’s, Christmas, or a leap year yet.

The color of the Empire State Building on November 11. On November 12 it was Purple, Purple, White. As of writing it's White, White, White.

The color of the Empire State Building on November 11. On November 11 it was Purple, Purple, White. As of writing it's White, White, White.

Of course some of these one-trick ponies are web apps and mashups that do exactly one thing really well, whether it’s helping you look forward to the day when Obama wins, decide if you should bring an umbrella today, bitch and moan about our dear Adobe, or figure out whether Twitter, Gmail, the Apple Store, or some other site is down or it’s just you.

Not to mention spell definitely and other words correctly, insert angled quotes », «, ›, ‹, discover your IP address, and play a instant rimshot.

Visit A List Of Sites for more of the madness! Or go through them randomly ala StumbleUpon.

July 12, 2008 7 replies

Opera teaches good web design with its Web Standards Curriculum

opera

The Opera Web Standards Curriculum is a comprehensive online course that teaches you standards-based web design. This includes not only coding in the web’s foundational languages, HTML, CSS, Javascript, but also design theory.

One of the authors, Chris Heilmann, describes it as “probably the most thorough and up-to-date web standards curriculum on the web”. He writes:

During the whole course the main focus is on usability, accessibility and writing maintainable code. We deliberately left out browser hacks and backward facing solutions and build on the ideas of progressive enhancement and unobtrusive JavaScript.

I must also point out that WSC is part of Opera Education, an initiative that pushes for web standards awareness and enthusiasm for the internet industry, specifically in schools and universities. I think it’s important for these two parties—browser software makers and educational institutions—to work together rather than apart in developing the Web. In this regard, Molly Holzschlag believes the course is an A+:

The impressive aspect of the curriculum as it is now is that it’s comprehensive, including foundational topics such as Internet and Web history and evolution. Educators understand that history provides context for real learning. Sadly, this is an area often not available in books and online tutorials because readers typically want to dive right in and learn a given technique.

It’s difficult to find a course that focuses solely on creating things through the internet. It’s almost always integrated with either graphic design (see MTV Engine Room) or computer science. Because of this, there is no focus on employing the best practices in creating beautiful, functional websites. And it will continue to be that way—all the way into the workplace—without those two entities joining forces.

This is why I continue to admire Opera. (Mozilla does, too.) It pushes projects that are interesting and beneficial to the web community. Here’s another example: Opera Dragonfly. Firefox’s FireBug wasn’t created by Mozilla (although Safari’s Debugger is a native feature).

And unlike other browser vendors out there, Opera shows it cares about web standards not by saying but by doing.