http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS CSS allows the Web developer to separate the structure and content of an HTML document from its presentation, including such things as layout, fonts and colors. With CSS the user has more control over the design and reduced complexity of the content. CSS CSS Computers/Data_Formats/Style_Sheets/CSS © 2004-2008, Douglas W. Clifton, loadaveragezero.com, all rights reserved. http://creativecommons.org/licenses/by-nc-sa/2.0/ http://blogs.law.harvard.edu/tech/rss en-US doug@loadaveagezero.com (Douglas W. Clifton) 2008-10-22T02:38:15Z 240 http://loadaveragezero.com/drx/search Search the Database q http://loadaveragezero.com/img/fav/drx/logo/drxRSS.gif http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS 88 31 A fully indexed, searchable Resource Directory for Web developers, designers and programmers. http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#w3c:css Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. 2005-04-03T05:34:49Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#w3c:css http://loadaveragezero.com/hnav/contact.php#form css w3c Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#ala:sprites An excellent article that explains the technique, but it fails to point out the best reason to use it: if you have many small images (guilty!) by combining them into one master image you will significantly reduce the number of HTTP requests for each page. 2008-10-22T02:38:15Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#ala:sprites http://loadaveragezero.com/hnav/contact.php#form css design howto html http performance Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#htmlit:gala A collection of 40 layouts based on the same markup, each with valid CSS and HTML. The stylesheets are free of hacks and workarounds, and support multiple browsers. Includes percentage, fixed and liquid designs in various combinations and column counts. 2006-03-05T00:56:40Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#htmlit:gala http://loadaveragezero.com/hnav/contact.php#form css design developer html layout markup Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#alsacreations:tutorials A wonderful set of 30 tutorials on designing with CSS and X/HTML. Raphael first covers a few basics, then moves on to tableless layout, menus and advanced topics. These articles are translated from French, so there are a few spelling and other mistakes. 2006-03-04T19:01:22Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#alsacreations:tutorials http://loadaveragezero.com/hnav/contact.php#form css design developer howto html tutorial xhtml Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#Skim:CSS Features a keyword tagged and searchable database of CSS resources. Visitors may submit suggestions, and vote on the quality of existing articles thus creating a social rating system. A tag cloud is provided, as well as RSS feeds for recent additions. 2006-01-31T07:02:54Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#Skim:CSS http://loadaveragezero.com/hnav/contact.php#form css resources tagging Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#malarkey:z-index Layout possibilities are infinite once you understand positioning and the z-index property. I recommend giving Tommy Olsson's Relatively Absolute a read, followed by this tutorial on the ins and outs of z-indexes. Personally, floats make my head spin... 2005-12-20T05:22:05Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#malarkey:z-index http://loadaveragezero.com/hnav/contact.php#form css design layout tutorial Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#ruthsarian:layouts Talk about belated props! A quick look around these excellent CSS layout techniques and you will understand why I selected them as the basis for this site. And that was after I had searched and studied countless others. Sorry for the delay Mr. Ruthsarian. 2005-11-30T03:01:18Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#ruthsarian:layouts http://loadaveragezero.com/hnav/contact.php#form css design layout Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#particletree:overview Covers the current strategies used to build the foundation of every CSS-based web site: layouts. Creating a layout in CSS is one of the hardest skills to master both conceptually, and in practice, because the vocabulary is large, and often contradictory. 2005-08-23T05:45:02Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#particletree:overview http://loadaveragezero.com/hnav/contact.php#form css design layout tutorial Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#dif:soup-to-nuts Learn how to build a CSS-based layout from start to finish. From design in-flight, which used to be a pay-for PDF magazine only. Nice to finally add some of Nathan's work to this portfolio. He (et al.) does some outstanding work over at web-graphics.com. 2005-08-20T05:03:47Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#dif:soup-to-nuts http://loadaveragezero.com/hnav/contact.php#form css design layout tutorial Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#centricle:css-filters Vertically, you have a list of CSS selector hacks used to filter in/out certain browsers. Horizontally, you have a list of platforms, browsers and versions. Matching the two will tell you if the rule applies. Slick! Hint: turn on interactive highlighting. 2005-08-15T20:51:39Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#centricle:css-filters http://loadaveragezero.com/hnav/contact.php#form browser css resources standards Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#cuckoo:positioning One of the most misunderstood and confusing aspects of using CSS, and in particular when it comes to page layout, are the rules for positioning using static, relative, absolute and fixed. Tommy does a good job of clearing the confusion in this tutorial. 2005-08-03T04:06:24Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#cuckoo:positioning http://loadaveragezero.com/hnav/contact.php#form css design layout tutorial Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#unglued:panic It's 2:00am, that design you've been working so hard on is looking good, and the client is scheduled to review it in the morning. But wait, it doesn't work in browser X! Don't panic! Here be Owen, with tips and resources to keep you from coming unglued. 2005-07-30T17:18:37Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#unglued:panic http://loadaveragezero.com/hnav/contact.php#form browser css design resources Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#reboot:css Is an "attempt to bring together Web professionals who design with CSS and standards in mind to launch their redesigns on May 1st." A good place to window shop for design inspiration. Drop a slice of humblepie in Adam's mailbox for me on the way out. 2005-05-28T22:17:33Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#reboot:css http://loadaveragezero.com/hnav/contact.php#form css design standards Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#fifty411:gzip-css Or: how to use PHP to compress your stylesheets on the fly if you don't have Apache's mod_gzip available. Two methods are presented, one if you can use .htaccess files, and one if you cannot. Links related to the technique are also provided. 2005-05-27T14:51:44Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#fifty411:gzip-css http://loadaveragezero.com/hnav/contact.php#form apache css gzip module php Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#withstyle:mod-css Whoa! I've been looking for an article on this topic. Except I take it one step further and control which stylesheet modules I'm importing on a page-by-page basis using PHP. Have a look at the source code to this one for a usage example. 2005-05-23T00:28:14Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#withstyle:mod-css http://loadaveragezero.com/hnav/contact.php#form css module php Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#csscreator:forum A phpBB forum for CSS developers from novice to expert. Topics include beginner questions, howtos, layouts, styling, site check, and other non-CSS related categories. If you prefer a forum to mailing lists like css-discuss, this is the place to go. 2005-05-21T23:15:39Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#csscreator:forum http://loadaveragezero.com/hnav/contact.php#form css forum howto Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#mezzoblue:zen-archives Dave has released the archives of all 569 (to date) of the CSS Zen Garden designs. I really had no idea, although I'm not surprised, that there were that many of them out there. I'm kinda partial to "bugs" myself. Go get inspired. 2005-05-17T12:48:45Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#mezzoblue:zen-archives http://loadaveragezero.com/hnav/contact.php#form css design Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#mezzoblue:css-guide More CSS resources to augment this list. 2005-05-17T12:48:00Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#mezzoblue:css-guide http://loadaveragezero.com/hnav/contact.php#form css developer Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#boxes:little Here be Owen...in his own unique style, bringing you a set of little CSS boxes, and the design problems and workarounds caused by major browser vendors and their "implementations" of the specs. Worth a visit even if you're not learning CSS. 2005-05-16T11:36:18Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#boxes:little http://loadaveragezero.com/hnav/contact.php#form browser css spec Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#pie:home How could I forget about Big John and Holly? Smack! CSS browser bugs and solutions, articles, demos, tutorials, links, lots of example code, you name it and they've got it. A must bookmark. 2005-05-15T20:01:23Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#pie:home http://loadaveragezero.com/hnav/contact.php#form browser code css Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#hicksdesign:box-model For developers new to CSS and the box model, this is an excellent 3D visual aid. I also highly recommend following the link to Douglas Livingstone's interactive Flash demonstration version. 2005-05-12T01:08:32Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#hicksdesign:box-model http://loadaveragezero.com/hnav/contact.php#form css flash Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#cssvault:gallery A gallery of inspirational, CSS-designed sites, as well as many CSS resources. A good place to check out examples of CSS applied to real (commercial) Web sites. New material is added every month, on top of a large archive. 2005-05-06T03:33:54Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#cssvault:gallery http://loadaveragezero.com/hnav/contact.php#form css design Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#whitespace:learning-css If you're ready to take the plunge into learning CSS, but you're not sure how to get started, then this short article presents some good ideas how how to do just that. 2005-05-05T06:33:55Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#whitespace:learning-css http://loadaveragezero.com/hnav/contact.php#form css tutorial Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#IloveJD:cheatsheet Designed for printing and storing near your desk, this handy quick reference includes a properties list, CSS syntax, selectors and pseudo selectors, media types (for linking), units, the box model, and inheritance and the cascade. 2005-05-01T10:58:10Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#IloveJD:cheatsheet http://loadaveragezero.com/hnav/contact.php#form css reference Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#quirksmode:compatibility CSS selectors and declarations, tests and browser compatibility. Lots of information about browser modes (hence the name) and CSS hacks, conditional comments, etc. 2005-04-25T07:36:19Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#quirksmode:compatibility http://loadaveragezero.com/hnav/contact.php#form browser css Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#zengarden:CSS For lingering skeptics, a visit to the Zen Garden should convince you of the power of stylesheets: See numerous beautiful designs (CSS) applied to the same document structure and content (HTML). 2005-04-23T22:27:54Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#zengarden:CSS http://loadaveragezero.com/hnav/contact.php#form css design Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#stylegala:css-reference An alphabetical list of the most common CSS1 and CSS2 properties. Each entry includes syntax, legal values, example declarations and browser support. 2005-04-23T11:09:47Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#stylegala:css-reference http://loadaveragezero.com/hnav/contact.php#form css reference Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#incutio:css-discuss css-discuss is a mailing list devoted to talking about CSS and ways to use it in the real world; in other words, practical uses and applications. 2005-04-14T19:46:19Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#incutio:css-discuss http://loadaveragezero.com/hnav/contact.php#form css Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#dez:holy-css An exaustive list of CSS links, and other Web designer/developer resources. 2005-04-13T21:30:25Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#dez:holy-css http://loadaveragezero.com/hnav/contact.php#form css design developer directory Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#maxdesign:tutorials A series of excellent articles and tutorials on CSS topics that include lists, floating elements and selectors. 2005-04-06T05:05:30Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#maxdesign:tutorials http://loadaveragezero.com/hnav/contact.php#form css Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#jigsaw:validator A free service that checks Cascading Style Sheets (CSS) in (X)HTML documents or standalone for conformance to W3C recommendations. 2005-04-06T05:02:37Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#jigsaw:validator http://loadaveragezero.com/hnav/contact.php#form css validator w3c Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#westciv:css-guide A free online reference to every aspect of Cascading Style Sheets. If you've got a question about CSS the answer is sure to be here. 2005-04-03T06:54:57Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#westciv:css-guide http://loadaveragezero.com/hnav/contact.php#form css reference Computers/Data_Formats/Style_Sheets/CSS http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#ericmeyer:css A whole collection of resources from the leading expert in the field of CSS. Includes articles, tutorials and discussions. 2005-04-03T05:52:04Z http://loadaveragezero.com/app/drx/Data_Formats/Style_Sheets/CSS#ericmeyer:css http://loadaveragezero.com/hnav/contact.php#form css reference Computers/Data_Formats/Style_Sheets/CSS