October 8, 2008 one reply

Ten years of creating a better web: Google and A List Apart

Despite the the dot-com bubble bursting at the turn of the new millennium, the Web has become more intelligent, successful, and profitable in the past ten years. We have a ton of people to thank for that, but let’s focus on two groups that are celebrating their 10th anniversaries this 2008.

Google

Google 10th Birthday Logo

Google is one of the first web companies that reinvented the web as we know it. It essentially paved the way for what we call the Web 2.0 era because it was the better search engine that would leave Yahoo!, MSN, Altavista, Lycos, Ask, and the rest behind.

True to its name, Google just keeps on getting bigger. It took on e-mail (Gmail), advertising (AdSense and AdWords), office suites (Docs, Spreadsheets, Sites), multimedia (YouTube, Picasa), navigation (Earth, Sky, Moon, Maps, Street View), and even web browsing (Chrome). And even if the thought of Google looking into what we’re looking at and what we’re talking about is really scary, life with the help of the big G is just easier.

A List Apart

A List Apart Logo

In the same vein, A List Apart has been the definitive resource “for people who make websites”. What started out as a mailing list evolved into a treasure trove of elegant web design articles that cultivated the love for the craft like no other. Design, standards, accessibility, optimization, business—this magazine covers it all.

It’s written the pages of web design history as well, from banishing <table>-based layouts to inventing CSS techniques (Sliding Doors of CSS, Holy Grail, Suckerfish Dropdowns, Sprites, Faux Columns, Mountaintop Corners) we never could have come up with. Websites today are efficient, meaningful, and beautiful because of ALA.

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.