#28653
Print Stylesheet: The Definitive Guide
A print stylesheet will automatically make all your web pages print-friendly. Find out how to make one with this definitive guide.
Moss, Trenton. Webcredible (2007). Design>Document Design>CSS>Web Design
#23907
Accomplished print media communicators -- technical writers, editors, etc. -- represent a powerful resource in the fledgling development of the World-Wide Web. But they also face some of the steepest barriers to exploiting its technology effectively, precisely because they have more to un-learn. Many of the mechanical and technical skills they rely upon every day simply don't translate well to document design on the Web.
#20551
Restructuring Online Documentation for the World Wide Web 
Technical communicators around the world are turning to the World Wide Web us their primary delivery agent for on-line documentation. The transition from older forms of on-line documentation to HTML-based documents pre - sents new challenges in every phase of the documentation process: document creation, layout, access, and especially hypermedia capability The constant development of new web tools presents an even greater challenge for an organization seeking to stay abreast of technology with an ever decreasing budget. This panel will outline the basic steps in migrating to the web while focusing on one organization’s solution to meeting the challenges of restructuring its on-line documentation for web migration.
Goode, Christina M., Jennifer Campbell and David Hale. STC Proceedings (1996). Articles>Documentation>Web Design>Online
#28434
Aside from alignment and grouping, elements can be linked using rhythm: a regular or irregular repetition of common stylistic features.
Hunt, Ben. Web Design From Scratch (2005). Design>Web Design>Document Design
#25619
Six Tips for Improving Your Design Documentation
Good organization, complete information, and clear writing are, of course, key to the success of any design document, but there are some other, less-obvious techniques you can use to make your documents more readable and understandable. Here are a few of them.
Olshavsky, Ryan. Boxes and Arrows (2003). Articles>Web Design>Documentation
#31740
Systems That Get Better the More People Use Them
In Publishing 2.0, Tim O'Reilly says Web 2.0 is 'any network effect that makes a system better the more people use it.' Web 2.0 isn’t just user-generated content; it’s harnessing the collective intelligence of your users to make your system better.
Johnson, Tom H. I'd Rather Be Writing (2008). Articles>Documentation>Web Design>Social Networking
#31974
Several years ago, someone used the term WYSIOP (What You See Is One Possibility) when talking about the RoboHelp HTML editor, because what developers saw in the editor didn't usually match the results. I had what I thought was an absolutely brilliant leap of logic ;-) a couple of months ago when I realized that today's WYSIWYG (What You See Is What You Get) editors are really WYSIOP, because the results are determined by whatever layout template is assigned at the time the results are viewed.
James-Tanny, Char. Helpstuff (2006). Articles>Web Design>Document Design>Adobe RoboHelp
#23216
Visual Vocabulary Three Years Later: An Interview with Jesse James Garrett
This interview focuses on Jesse James Garret's Visual Vocabulary, a site architecture documentation standard.
Brown, Dan. Boxes and Arrows (2003). Design>Documentation>Information Design>Web Design
#28713
Sometimes, as in web design, it's difficult to add whitespace because of content requirements. Newspapers often deal with this by setting their body content in a light typeface with plenty of whitespace within and around the characters.
Boulton, Mark. List Apart, A (2007). Design>Web Design>Document Design
#22651
Your product is almost ready for release. You're about to pat yourself on the back when you realize that you have no user documentation! Panic sets in.
Nichols, BeLinda. Webmonkey (2000). Design>Web Design>Documentation
#32395
Blockquotes do have some styling by default. Most browsers will indent the text in a blockquote tag, which helps the user recognize that the text is different somehow. But who’s to say that we need to stop there? Here are six different ways you could style your blockquotes using CSS.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Document Design>CSS
#32405
Book-Style Chapter Introductions Using Pure CSS
Today’s tutorial will show you how easy it is to create book-style chapter (article, whatever) introductions using nothing but pure CSS — no XHTML was harmed in the making of this tutorial. We’ll use two types of selectors which I haven’t talked about yet here: adjacent sibling selectors and pseudo-element selectors. I’ll explain each type briefly before we get started.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Document Design>CSS
#32434
Every web designer should know and understand a Web site’s parameters before lifting a finger to start designing the site. In this article, you will learn the basics required to start designing business Web sites. While this information is useful if you want to build sites for others, it can also serve as a checklist article for sites you want to build for yourself.
Goin, Linda. Opera (2008). Articles>Web Design>Document Design>Information Design
#32504
How to Prevent HTML Tables from Becoming Too Wide
The layout model of tables differ from that of block level elements in that they will normally expand beyond their specified width to make their contents fit. At first that may sound like a good thing – and it often is – but it makes it possible for oversized content to make text unreadable or completely break a site’s layout, especially in Internet Explorer.
Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Document Design>HTML
#33145
Five Simple Steps to Designing Grid Systems: Grid Systems for Web Design, Part 1
Designing grid systems for print is considerably more straight forward than designing grid systems for the web. First off,in print, the designer has a fixed media size - the paper size (or packaging, poster, whatever). Let's say a print designer has designed a magazine. The reader of this magazine can't suddenly increase the font size if they find it difficult to read - well they just move it closer to their eyes I guess. This is just one consideration, there are more but I'm sure you get the point.
Boulton, Mark. Mark Boulton (2007). Articles>Web Design>Document Design>Methods
#33146
Five Simple Steps to Designing Grid Systems: Grid Systems for Web Design, Part 2
Fixed width grid design for the web. What is it, how do we do it and how do we implement it? For the purposes of this article, I'm going to be focussing on the theory of creating the grid rather than the implementation. I did mention in the last series that I would cover implementation using CSS, well I'm not going to. There are just so many resources and books available telling you how to create the CSS layouts you need—I'll touch on it, but I won't be going into too much detail.
Boulton, Mark. Mark Boulton (2007). Articles>Web Design>Document Design>Methods
#33147
Five Simple Steps to Designing Grid Systems: Grid Systems for Web Design, Part 3
Flexible vs Fixed. Which one to choose? Why choose one over the other? Well you won't find the answers to those questions here. What I'm aiming to do with this article is to investigate how the theory of grid design can be applied to a flexible web page.
Boulton, Mark. Mark Boulton (2007). Articles>Web Design>Document Design>Methods
#33227
Using a “Strawman” for Page Layout Design
Designing the page layouts for a new or redesigned intranet can be complex. One of the most difficult aspects is creating the first layout. Starting with an empty screen, you need to determine what will go on each page and where it will go. Using a strawman design - a design that is created with the intent of discarding it - can help to overcome many of the difficulties in the design process.
Spencer, Donna. Step Two (2004). Articles>Web Design>Document Design
#33228
Visible Narratives: Understanding Visual Organization
Visual communication can be thought of as two intertwined parts: personality, or look and feel, and visual organization. The personality of a presentation is what provides the emotional impact —your instinctual response to what you see. Creating an appropriate personality requires the use of colors, type treatments, images, shapes, patterns, and more, to “say” the right thing to your audience. This article, however, focuses on the other side of the visual communication coin: visual organization.
Wroblewski, Luke. Boxes and Arrows (2003). Articles>Web Design>Document Design>Visual Rhetoric
#33233
It appears that about one out of five Web sites (only 20%) currently are designed using a "Fluid" layout. Unfortunately, the layout most preferred by users, the "Fluid" layout, is the one implemented least often by designers.
Bailey, Robert. Human Factors International (2001). Articles>Web Design>Document Design
#33694
Reviewing Wiki Documentation via Crucible
I have been playing around with Crucible, Atlassian’s peer code review tool. The latest version of Crucible allows you to review Confluence wiki pages. This is a new feature, so I decided to try it out. Also, I was wondering why you might want to use an independent tool to review a wiki page, when you could instead just add comments to the page or update the page directly.
Maddox, Sarah. ffeathers (2009). Articles>Web Design>Documentation>Wikis
#33941
Fluid layouts are an undervalued commodity in web design. They put control of our designs firmly in the hands of our users and their browsing habits. They’ve also utterly failed to seize the imagination of web designers.
Marcotte, Ethan. List Apart, A (2009). Articles>Web Design>Document Design>CSS
#33964
Positioning is perhaps one of the most misunderstood parts of CSS 2. Let us look a little closer at how it works.
Olsson, Tommy. Autistic Cuckoo, The (2004). Articles>Web Design>Document Design>CSS
#33965
Pozycjonowanie z kolei jest jednym z najczęściej mylnie interpretowanych aspektów wersji 2 CSS. Przyjrzyjmy się zatem nieco bliżej temu, jak ono działa.
Olsson, Tommy. Grabun.com (2004). (Polish) Articles>Web Design>Document Design>CSS
#33966
Hizalama ise CSS 2’nin belki de en yanlış anlaşılmış bölümlerinden biridir. Şimdi nasıl çalıştıklarına biraz daha yakından bakalım.
Olsson, Tommy. Cnkt (2004). (Turkish) Articles>Web Design>Document Design>CSS
