A directory of resources inthe field of technical communication.

CSS

354 found. Page 1 of 15.

About this Site | Advanced Search | Localization | Site Maps
 

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

 

1.
#37526

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

2.
#23822

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

3.
#20659

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

4.
#33124

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

5.
#25503

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

6.
#35197

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

7.
#35198

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

8.
#27623

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

9.
#23235

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

10.
#27932

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

11.
#32521

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

12.
#28322

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

13.
#27930

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

14.
#20225

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

15.
#27617

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

16.
#34984

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

17.
#32947

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

18.
#38676

A Beginner’s Guide to Cascading Stylesheets  (link broken)

Stylesheets, or Cascading Stylesheets (CSS) are a form of html code that can be included in web pages to offer greater control over the visual appearance of the page. Stylesheets allow you to specify your visual appearance in one area, while keeping your content seperate in another area. This makes changing the visual appearance of a page much easier than by using older techniques such as invisible .gif files and the tag. Additionally, multiple pages can all be directed to use the same external stylesheet. Any time this single file is changed, so does the visual style of any pages are linked to it. Having a consistent style or a “common look and feel” is important for creating a professional web site.

Design Meme (2011). Design>Web Design>CSS

19.
#27854

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

20.
#35217

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

21.
#32734

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

22.
#33965

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

23.
#28453

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

24.
#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

25.
#34760

Browser Compatibility Table

A list of various CSS rules and their compatibility with common browsers and operating systems. With a quick glance, the designer or developer can note which CSS properties should be used or avoided. The table also offers an interactive feature that highlights the row your cursor is on. This makes pinpointing the compatibility of a specific CSS property much easier.

Centricle (2008). Reference>Web Design>CSS>Web Browsers

Follow us on: TwitterFacebookRSSPost about us on: TwitterFacebookDeliciousRSSStumbleUpon