A directory of resources inthe field of technical communication.


347 found. Page 1 of 14.

About this Site | Advanced Search | Localization | Site Maps

1 2 3 4 5 6 7 8 9 10 11 12 13 14  NEXT PAGE »



The 960 Grid System Made Easy

The first time I discovered the 960 Grid System, I was immediately excited about the possibilities of implementing complex layouts so easily. However, since I was fairly new to web design at the time, when I downloaded the files, I quickly became overwhelmed at how complicated the whole thing seemed. With all this code, how could this be the easy way to create a layout?

Johnson, Joshua. Six Revisions (2010). Articles>Web Design>CSS


Accessibility and Cascading Style Sheets

An essay from an accessibility class, on the use of CSS to increase access to a page.

Bartlett, Kynn. HTML Writers Guild (1999). Design>Web Design>Accessibility>CSS


Accessibility Features of CSS

This document summarizes the features of the Cascading Style Sheets (CSS), level 2 Recommendation ([CSS2]) known to directly affect the accessibility of Web documents. Some of the accessibility features described in this document were available in CSS1 ([CSS1]) as well. This document has been written so that other documents may refer in a consistent manner to the accessibility features of CSS.

W3C. Design>Web Design>Accessibility>CSS


Accessible CSS Forms: Using CSS to Create a Two-Column Layout

Websites have become less accessible and more complex over time according to recent studies. Learn how to buck the trend by creating fast, accessible CSS forms that work with modern browsers and gracefully degrade.

Website Optimization (2008). Articles>Web Design>CSS>Forms


Accessible Pop-up Links

Sometimes we have to use pop-ups — so we might as well do them right. This article will show you how to make them more accessible and reliable while simplifying their implementation.

Chassot, Caio. List Apart, A (2004). Design>Web Design>Accessibility>CSS


Adventures in Web 3.0: Part 2 - CSS 3

Unlike its predecessors, CSS3 is not a single, monolithic spec, but a collection of modules all of which are at different levels of completeness. For instance the selectors module became a candidate recommendation in November 2001 and is already widely supported. In this post I'm going to be experimenting with the Backgrounds and Borders module and the Transitions module, mostly because the recent Firefox 3.5 release includes improved (but still experimental) support for some of the more interesting bits of it.

Crowther, Rob. Boog Design (2009). Articles>Web Design>HTML>CSS


Adventures in Web 3.0: Part 3 - More CSS 3

There are some new CSS3 features supported in the latest Chrome release and Firefox alpha which make this worth a second post. This time I'm going to focus on background sizing, CSS gradients and RGBA colours.

Crowther, Rob. Boog Design (2009). Articles>Web Design>HTML>CSS


Alter Table Row Background Colors Using JavaScript

Many sites that present tabular data use alternating background colors to increase the readability of that data. And as I developed a site, I realised I wanted to do that, too. The problem? In my case the table was not generated by a server side application or script of which you can find numerous examples on the Web.

Svanberg, Kennet. SitePoint (2005). Design>Web Design>CSS>DHTML


Animated Web Banners With CSS3

Firefox and WebKit browsers are currently the only browsers that support CSS animation, but we’ll take a look at how we can easily make these ads also function in other browsers (which I’ll affectionately refer to as 18th century browsers). However, don’t expect perfect support for all browsers (specifically IE 7 and lower) when experimenting with modern CSS techniques.

Jacob, Caleb. Codrops (2012). Design>Web Design>Multimedia>CSS


Applying CSS to Forms

Learn how to lay out and format your forms with the power of CSS.

Moss, Trenton. Webcredible (2004). Design>Web Design>CSS


Automatic Magazine Layout

You can't always count on having a professional designer around to resize and position your images for you, but you'd rather your page layout didn't look like it was created by orangutans. Harvey Kane builds a script that makes your life easier.

Kane, Harvey. List Apart, A (2006). Design>Web Design>Document Design>CSS


Automatic Numbering With CSS Counters

When writing documents, it is often useful to number sections and have a table of contents. You can number these by hand, directly in the markup, but this can be time consuming if the order changes and you have to edit all the numbers. CSS2.1 gives us a automated way to generate numbers using CSS counters, and this article will walk you through how to use them.

Storey, David. Opera (2008). Articles>Web Design>CSS


Avoid Edge Cases by Designing Up Front

Better planning and a beefed-up style guide may be exactly what you need to avoid markup derangement or, worse, a dysfunctional product.

Henick, Ben. List Apart, A (2006). Design>Web Design>Project Management>CSS


Axiomatic CSS and Lobotomized Owls

Managing flow content can get unwieldy—too many class selectors can become a specificity headache, nested styling can get redundant, and content editors don’t always understand the presentational markup. Heydon Pickering offers an unexpected option for handling cascading styles more efficiently: a variation on the universal selector.

Pickering, Heydon. List Apart, A (2014). Articles>Web Design>CSS>Standards


Background Positioning vs. Centered Elements

When the browser is told to center a background image within that container, it has to decide where the actual center lies. In the case of an odd total pixel width, the browser must select one side or the other of the central odd pixel as the "center" of the container.

Bergevin, Holly and John Gallant. Position is Everything (2006). Design>Web Design>Document Design>CSS


A Backward-Compatible Style Sheet Switcher

You asked for it, you’ve got it: an Open Source alternate Style Sheet switcher that even works in Netscape Navigator 4.

Ludwin, Daniel. List Apart, A (2002). Design>Web Design>CSS>DHTML


The Banality of the Radical

As more Web designers begin transforming their sites from the tables-fonttags-single-pixel-gifs concoctions to stripped-down CSS chic, more observers are asking the questions: if the promise of CSS and standards was liberation from the tyranny of warring browser lords, why do all the CSS designs look the same? If this is the radical shift that will allow the Web to realize its potential, why does it appear so dull? Implicit in these questions is an increasing consensus that, in the words of Chris Casciano, 'Your CSS Bores Me'.

Kaminski, Chuck. Western Civilization (2004). Design>Web Design>CSS


Beautiful Fonts with @font-face

While Firefox 3.0 improved typographic rendering by introducing support for kerning, ligatures, and multiple weights along with support for rendering complex scripts, authors are still limited to using commonly available fonts in their designs. Firefox 3.5 removes this restriction by introducing support for the CSS @font-face rule, a way of linking to TrueType and OpenType fonts just as code and images are linked to today. Using @font-face for font linking is relatively straightforward. Within a stylesheet, each @font-face rule defines a family name to be used, the font resource to be loaded, and the style characteristics of a given face such as whether it’s bold or italic. Firefox 3.5 only downloads the fonts as needed, so a stylesheet can list a whole set of fonts of which only a select few will actually be used.

Daggett, John. Mozilla.org (2009). Articles>Web Design>Typography>CSS


The Beauty and Business of CSS

Building designs with CSS is no longer a fringe activity practiced by standards geeks and early-adopters. Creative pioneers and highly skilled designers are bringing CSS to the mainstream. The explosion in popularity is ushering in a new wave of possibilities for web design. CSS provides greater design control, allows more flexibility, and enables sites to become attractive, accessible, and faster-loading, all at the same time.

Bowman, Douglas. Stop Design (2004). Presentations>Web Design>Standards>CSS


Behavioral Separation

Breaking up is hard to do. But in web design, separation can be a good thing. Content, style, and behavior all deserve their own space. One of the greatest advantages to designing with Cascading Style Sheets is the potential for separation of style and content.

Keith, Jeremy. List Apart, A (2006). Design>Web Design>CSS


Better CSS Font Stacks

You want to use Gill Sans? Go right ahead. Nothing should stop you. Font stacks are prioritized lists of fonts, defined in the CSS font-family attribute, that the browser will cycle through until it finds a font that is installed on the user’s system. This means that you can use Gill Sans, and if your users don’t have it, you can give them an adequate substitute that will not diminish their experience.

Ford, Nathan. Unit Verse (2008). Articles>Web Design>Typography>CSS


Better Ordered Lists (Using Simple PHP and CSS)

Ordered lists are boring! Sure you can apply background images and do quite a bit of sprucing up to a regular ordered list, but you just don’t get enough control over the number itself. Here is an example where you ditch the traditional ordered list and create your own!

CSS Tricks (2007). Design>Web Design>CSS>PHP


Bezględnie Względny

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


Block vs. Inline Elements

HTML elements can be displayed either in block or inline style. The difference between these is one of the most basic things you need to know in order to use CSS effectively.

Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>HTML>CSS


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



Follow us on: TwitterFacebookRSSPost about us on: TwitterFacebookDeliciousRSSStumbleUpon