vanderwal.net

CSS Cribsheet

I nearly forgot, Dave Shea has come up with a CSS cribsheet that flat out rocks. Dabbling or living in CSS? Use it.

Harpers redesigned

Harpers Magazine has been redesigned by Paul Ford. Paul discusses the Harpers redesign on his own site Ftrain.

The site is filled with all the good stuff we love, valid XHTML, CSS, accessible content (meaning well structured content). The site is clean and highlights the content, which is what Harpers is all about - great content. The site is not overfilled with images and items striking out for your attention, it is simply straightforward.

We bow down before Paul and congratulate him on a job very well done.

Interdependance of structure, information, and presentation

Peter J. Bogaards explains The Document Triangle: The interdependence of the structure, information and presentation dimensions. This troika is very important clear information consumption, but also information reuse. Structure is extremely important to transmitting information, but also important to information reuse. Information lacking structure nearly as reusable as a newspaper article printed on paper.

One great location to explore the ease of information reuse and the affect the presentation layer has should look no farther than, CSS Zen Garden, where nearly all the content is identical in the various layouts and designs. The structure of the content provides a solid framework to rework the presentation layer. The presentation layer can add to or detract from the clarity of the message as well as the attraction a user may have to the message.

QuirksMode launched

I nearly forgot, Peter-Paul Koch has delivered QuirksMode filled with the good stuff for JavaScript, CSS, etc.

CSS Tabs part 2

Doug Bowman provides Sliding Doors 2 for ALA. The sliding doors rounded tabs done with CSS, meaning the text is not in a graphic and the tabs have rollover effects with out having to build rollover images and deal with JavaScript. Doug's version 2 of sliding doors provides those with pages in CMS or other non-hand built pages. This beats the JavaScript sniffing the URL to set the local tab setting.

Rounding Tab Corners

Eric Meyer presents, rounding tab corners.

Adaptive Path redesign exposed

Doug Bowman discusses the Adaptive Path redesign. Doug provides good insight into the CSS based redesign, which can be seen at the Adaptive Path site.

CSS to hover links in paragraph

I know this has been posted everywhere else in the world of those who care about CSS, but I need this at hand for me... CSS to links in paragraphs until a mouse moves over the paragraph. Stuart does a very good job of showing how this works.

Testing HTML validation of output of tools

Knopf offers a componarison of how well Help Authoring Tools create HTML. The testing includes compactness of code, but even better is validating the output against the W3C. Dreamweaver MX does quite well in the testing. It would be good to expand the testing to some of the other tools, like FrontPage and GoLive.

CSS2 Browser support matrix

Mac Edition offers a Abridged Guide to CSS2 Support that documents in a matrix which browsers support what. Keep in mind that Gecko is Mozilla, which is Netscape 6 and up as well as Firebird (an insanely fast and standards compliant browser). It is also good to note that Gecko-based browsers render the same regardless of operating system, unlike Internet Explorer, which is different depending on operating systems. The matrix also includes how the browsers hold up to various hack tests, most of the test are for box model layout (Tantek and Owen Briggs tests included).

Inside the design process with Doug Bowman

Doug Bowman provides an insanely excellent essay on the design process behind his Zen Garden offering. This is an insanely wonderful description of the thought process that goes into wonderful design. Doug has all the proper steps, which is wonderful to see. If you want to become a graphic Web designer, it takes more than knowing PhotoShop, (X)HTML, CSS, Flash, etc. it takes understanding the process and how to approach each need to solve a problem or fill a need. This really illustrates the information design profession on for the Web.

CSS and Microsoft's poor excuse for a browser

Tim Bray adds to the Microsoft IE is garbage chant that has been spreading around the Web developer community for some time. Oddly, until I think of Tantek, the IE browser on Mac is far more compliant. The font sizing issues that Tim discusses are largely only a problem on Windows version of IE browsers. Most other modern browsers (Mozilla (including its Netscape 6 and 7 variants), Opera, Safari, etc. all resize fonts even if the fonts are set in pixels.

In the accessibility community having a fixed pixel size has been taboo for some time. As I talk with more people with vision problems I find most do not use Windows IE browser to view sites, but choose one of the other modern browsers as they allow easy scaling of fonts (some like Opera even scale images). This seems to be a trait across the visually challenged users. Most users with visual difficulties have a strong dislike for the Microsoft browser just on this point alone. A few have mentioned they really like Mozilla browsers as they can easily change the skin on the browser to make the buttons and other elements more visible.

Me, I can read Tim's site just fine, which is ideal as Tim understands the problems and knows where the blame should reside.

Note: The MS IE browser on Windows shows its downfalls to those that are trying to us modern Web development techniques by using CSS layouts rather than table layouts for their work. As Web developers learn tableless layout is a pain to learn initially, largely because of IE 6 and lower do not follow the rules properly. To get Windows IE to render properly one has to hack the valid CSS to get the browser to render the page as does a browser that follows the standards. The irony is Microsoft claims to own the CSS patent.

Joshua changes before our eyes

Things have been a little busy around these parts of late. One site you should be watching is Joshua's redesign. Joshua is learning many of the painful lessons in a CSS redesign. Joshua has not only been redesigning and documenting in front of our eyes, but he has been sharing his resources. Joshua just rocks as he learned the mantra of the Web is to share openly. He has also learned Windows IE 6 is not your friend as it does not render valid CSS properly. Go get 'em Joshua

Presentation switching demo with CSS at Zen Garden

The separation of content and presentation is and has been extremely important. There have been many developers and designers that have showed there CSS-wares for switching presentation over the past two or three years, but Zen Garden is one of my favorites. The Zen Garden is currently functional (many others have replaced their presentation switching sites for no option presentation in the past year) and it provides a wide variety of styles and layouts. I hope Zen Garden sticks around for a while so it can be used as a great showcase for what can be done.

I am also liking Zen Garden as the various styles provide insight into the placement of headers and content. Not only do the different presentations provide different styles, but the user interface with the information drastically changes from style to style. This differing interface showcase is a great tool to help people understand the importance of presentation and understanding the user. Different audiences may have strong preferences or attraction to the various presentations and testing of the various interfaces most likly would generate widely different results with various user groups. [hat tip Eric Meyer]

Tantek on handrolling weblogs and hand built CMS

Tantek discusses Jeffrey Zeldman handrolling his own RSS feeds (as well as his own site). Tantek also discusses those who still handroll their own weblogs as well as those that have built their own CMS to run their blogs. This was good to see that there are many other that still build their own and handroll (I stopped handrolling October 2001 when I implimented my own CMS that took advantage of a travel CMS I had built for myself).