Reviewing Adaptive Web Design

Adaptive Web Design

I recently bought and read the electronic version of Adaptive Web Design, written by Aaron Gustafson which was overall a nice -and short- read. Aaron is obviously a good writer, but this is no surprise if one looks at his CV. He also seems like a nice guy -twitter wise-, maybe a bit easier to approach than other folks from the “Zeldman Web Influencers group”. I rarely buy books, but I had a good feeling for this one.

Some of my impressions after reading the book, are, unfortunately, similar with to the ones I wrote about after reviewing Hardboiled Web Design. I don’t think that is entirely due to the book, but mostly because the problems this book tries to address don’t have actual solid technical solutions. In short, we have neither the specs nor the implementations of some existing specs. (take for example the notorious RWD images problem or the persisting IE7 and IE8 percentages). In general, I bought the book hoping somehow to discover new innovative ways of writing my markup and my stylesheets, using media queries and discover things that I might have missed. In general the number of different techniques included in the book were rather small, and most of them I knew already.

Progressive Enhancement – but no techniques

Aaron mentions in his book,

By design, this book is not intended to be an exhaustive compendium of progressive enhancement techniques, so the examples will be brief and focused…

I’ll have to object. As I said I honestly think the principles and theoretical approach of progressive enhancement are well established and popular since quite some time. Our problem today is not the lack of theoretical background, but the need for technical solutions to our problems. But that is not in any way Aaron’s fault.

Semantic HTML

The second chapter is a nice introduction to html5 and microformats, but in my opinion every web designer that hasn’t heard of (or used) HTML5 elements and microformats so far, must be leaving in a cave, and should probably start searching for a new profession. There were many pages also devoted to the alt and title attributes, for which I think is pretty safe to say they’re globally used and respected as means of improving accessibility since quite a while. I would personally prefer some more insight on RDFa and microdata with the latter attracting much attention after the creation of schema.org. Here I’d like to note that I am personally very confused as to which technology one should follow today. These three aforementioned specs seem to serve the same purpose, but I imagine their success depends largely on major search engines adoption.

Here, I liked the analysis of parsing errors a lot. I admit that after four or five years of CSS writing, I never dived into how browsers handle CSS parsing errors. I read with great interest how one can use basic and advanced CSS selectors in order to achieve progressive enhancement, although I believe Paul Irish’s HTML conditional classes method is quite simpler.

Javascript

The Javascript chapter was more interesting as it covered several details that often are not included in Javascript books.

Accessibility

The last chapter was the most interesting for me, with details about many WEB-ARIA roles that I had not read about before.

Overall, it is a book I wish everyone starting web design would read before he got his hands dirty with the markup and CSS.

+

Semantic Markup, CSS and Crockford

The other day, I was watching the Crockford on JavaScript video series, which was in some dark corner of my bookmarks for quite a while.

In the fourth video of the series, entitled “The Metamorphosis of Ajax”, Douglas Crockford talks a bit about HTML and . He says:

..so HTML was not state of the art when it was introduced in the late 20th century. It was intended for simple document viewers and nothing else. It was not intended to be an application platform… The set of tags is much too small for the things that we’re doing.

.. and started (the SGML people) the mythology of Semantic Markup which is essentially impossible in a system in which you cannot make up your own tags in which you are using a set of tags which was designed for simple technical documents and you’re coding things which have no resemblance to technical documents – there is no opportunity for semantic coding in the system as it currently exists – although there is a lot of belief that this is what we should be doing.

Mr. Crockford is actively involved in the development of the JavaScript language, (and a bunch of other stuff). And I must say, he got me into thinking. Even more when he started talking about CSS and its drawbacks as a language. Most of which I have already realized working as a Front-End: Lack of modularity (you cannot be sure two identical boxes will render in 100% the same way as they might interfere with each other, browser implementation which is often very hard to achieve, constant overloading and redefining of properties etc, etc..)

+

Grand Accessibility fails

I’m thinking of creating a permanent Web Design Fails section in my blog. After last weeks Grand Usability Fail of major Belgian ISP Belgacom, I come back with something slightly different.

Read the whole story

+

Non-Exhaustive list of Web Design Resources:Blogs, Gurus, Tweet-lists

Do you want to be up-to-date with all latest trends in Front-End Development, Web Design, HTML5, 3, or whatnot? Let me show you how:

Setup a netvibes account

I think good products stand the passage of time, and since Netvibes has managed to survive my bookmarks for a few years now, it must be good. RSS Feed aggregation, reader, name it as you want, it basically does one thing: It gathers all the things you like to read, in one place. Build your dashboard, and pay special attention to the settings on the top right corner: You can get rid of the Headline on top, the google search and generally you can pretty much change everything you want depending on your needs.

Hope you got twitter

Don’t be fooled that you can stay updated without following specific people that work in the Design industry. Setup your account, and as you will be following a great number of people, try to filter them by using Lists. Personally I just separate general from design-related, but you can go further into separating technologies like CSS, HTML, and so on.

Blogs

Here’s the blogs I follow in Netvibes:
Jeffrey Zeldman presents the Daily Report
HTML5 Doctor
A List Apart
Sam Ruby
Drupal.Org News
Bruce Lawson
Smashing Magazine
Six Revisions

Follow them!

And here you got the people I follow in twitter.

+

Grand Usability fails

Belgacom is the leading ISP & Telecoms company of Belgium, and Belgacom’s Single-Sign-On system is one of the worst I’ve ever seen – (especially if we take into account it’s an Internet Service Provider).

I forgot my password the other day so naturally tried to use the “Forgot Password” link under the login form. I entered a username (not in an username@domain format) and I was forwarded to a lovely page that informing me I did something wrong:

belgacom UX error

When I finally figured out (somehow) I should put a username@domain format, I faced another challenge: Figuring out the password character restrictions.

belgacom UX fail

The message was asking me to choose an 8-character password, of which at least 1 character should be a number. Easy ha? Not really. After spending some time trying passwords, I figured you basically shouldn’t put more than one number in order for your new password to be valid. True story.

1

Hardboiled Web-Design: A review

During the last two-three years that I follow Web Design gurus I’ve seen several books being published. Some caught my attention, some not. But no book has been praised and promoted more than Hardboiled Web-Design by Andy Clarke.

Read the whole story

+

Helvetica

Helvetica

Helvetica: Developed in 1957 by Swiss typeface designer Max Miedinger. Timeless.

+

Seabird: The Mozilla Phone Concept

Or in other words, kicking iPhone’s butt in one video. Enjoy.

+

The New Twitter experience

I love the that Twitter did for their new website/web application. No words, just watch.

+

Job Description: Front-End Developer

When I first started building/designing websites back in 2006, I had the impression that the term “Web Designer” could cover everything from PHP to HTML to pure Design work (Fireworks, Illustrator, Photoshop).

Luckily, by following the right people, who with their articles and talks define the web of tomorrow, I got a solid understanding of who’s-doing-what in the industry. Today we’re going to focus on the infamous Front-End Developer.

Read the whole story

+