CSS Links

Web Hosting

Does your webhost publish a toll free support number that is answered immediately, 24/7 by competent, experienced technicians? MINE DOES! Are you getting all the features you want for the lowest price? I do!

 If you and your clients want the best service for the lowest rates, visit HostMySite.com, the only Fortune 500 webhost.  And if you tell them the Pixie sent you, it will help count towards my nine yearly referrals required to get the reseller rate. It won't cost you a thing, and it will certainly help me stay online!

---

<AAMUG>

Pixie Production is a member of <aamug>, the official Adobe User Group for the San Antonio, Texas area.  There, we:

• Meet Geeks
• Learn Stuff
• Help Others
• Win Cool! prizes

 Find a local chapter of Adobe's world wide usergroup organization

The CSS Links

References, Examples, Tutorials, all mixed together

CSSPLAY - Examples! Examples! Examples! Stu Nicholls' amazing css site gets 22 MILLION HITS PER MONTH. Find out why for yourself.

maxdesign - standards based web design, development and training. Home of 'Listmatic', 'Floatutorial' and 'Selectutorial', etc. (thanks David for this link!)

Eric Meyer's CSS Work - by the CSS Guru himself

CSS Zen Garden - A demonstration of what can be accomplished visually through CSS based design. My favorite submission is "Porcelein Meditations", worth a peek! Go Ahead and buy the book, "The Zen of CSS Design", too.

Gary Turner's CSS Playpen - demos of various html and css arcana, even a bit of javascript, The impetus for these GREAT little How-To's come mostly from the forums and mail lists that Gary haunts.

A List Apart - "For People Who Make Websites.  Current, concise, thorough.  Highly reccommened by tons of experts. Hey, these folks are coming to Austin in November 2006 (cost $499) geesh, i wish i could afford to go!

WestCIV  great tutorials, downloadable and free!

Highly Recommend this site!  The htmlDog.com's good practice guide to xhtml and css, the CSS Beginner's Guide

WisDump a good explanation about why you should use CSS immediately, and not somewhere down the road. Good resources, too

Translucent Fluidity by Arwen54: Template/How To a fixed body background, a main container with a transparent background, and a simple horizontal tabbed menu with transparent backgrounds. You can make your own transparent backgrounds

Index DOT CSS - The Advanced CSS Reference by Brian Wilson.  Last update to this site: Oct 2003, so be careful.  CSS Language, Property Index, Selectors, CSS Syntax, and more.  Includes Examples, FAQ's Bugs, and CSS Links.

Blue Robot - Layout Resevoir.  Two and three column layouts, right or left menu, auto-width margins or negative margin.

BUGS / Hacks / Fixes Sites

CSS Exposed! The weird and wonderful world of Internet Explorer: CSS bugs found only in IE 6 (or higher).  The "Peekaboo Bug", "Expanding Box Problem", "Border Chaos", "The Guillotine Bug" and more! Learn all about nasty IE quirks. Also, here is the BUGS PAGE from Position Is Everything website

On Having Layout  Attempts to more thoroughly describe issues encountered by the application of "layout" or the lack of it.

The Acid2 Browser Test Acid2 is a test page, written to help browser vendors ensure proper support for web standards in their products.

CSS Shark A nice list of Netscape 4 CSS Issues

CSS Bugs in IE5/5.1 Mac

IE 5 Mac test pages

Gerard Talbot's Bug Reports A VERY comprehensive listing of ALL CSS browser bugs!

Position Is Everything Some obtuse CSS bugs in modern browsers, examples of interesting CSS behaviors, and how to "make it work" without using tables for layout purposes.

CSS Training and Tutorial Sites:

Adobe  Best CSS Practices

CSS Zen Garden -Study CSS and see the many variations visitors have submitted for the same html.

Lynda.com - I will try to get the discount code from Glyn for your free 24 hour pass in the next couple of days.  Lots of great CSS training (and many other titles as well)

Image Wrap Tutorial (sandbag method) -a special purpose "floated" <div>element</div> used for text wrap control. Most often used in groupings to induce text wrap around complex background images or sliced image sets.

Sifr: This web page make use of Sifr, Scalable Inman Flash Replacement.  A great site to learn from and download files neccessary.  A rather complicated proceedure, but well worth trying! Requires Flash.

 

www.webassist.com - we didn't really get to cover this much, but it is a great resource for all sorts of developer stuff

Color Utilities

Kuler - Adobe's cool flash color blending utility. This utility often loads slowly, (if at all) but it is really one of the nicest ones I've seen (probably why the server is always busy!)


ColorBlender.com - ColorBlender is an adaption of the ColorMatch 5K tool developed in 2001.
Color matching algorithm, PANTONE® matching, and all other features of this site are provided as-is with no guarantee to be either theoretically, scientifically, or practically accurate. Copyright Kim Jensen

Color Scheme Generator for the Color Impaired

Color Schemer Online v2

DHTML Goodies - color schemer: find matching colors for your web page

http://equinox.unr.edu/~caleb/color/

SitePro Central - This utility will help you select a matching 6-color palette for your website.
Define a single color that you like. Matching colors will be calculated. This is the site Glyn used in his presentation on color at the <aamug> meeting in October.

Color Scheme Generator 2 [EN]
Generator of color schemes and palettes to create good-looking and well balanced and harmonic web pages. This is the new version of the previous color generator.

Color Scheme Generator [EN] (old)
The original generator of color schemes and palettes. This is first version of the color-scheme generator, which used to be on the URL www.pixy.cz/apps/barvy/index-en.html.

Coffeecup Color Schemer - An intuitive, yet simple utility for picking colors and creating schemes for your Website. Color Schemer provides many different tools for choosing and comparing colors, and allows you to preview them in a Web page mock-up, all before implementing them in a real Web page. Is there a color on another Website that you like? Or a color on your computer that you might want to use? Just use the eye-dropper feature or grab from photo feature and you can get any color you want from anywhere! Yes, it is that easy! Color Schemer is perfect for anyone designing Websites; from novice Web designers up to full-fledged professional Webmasters. Download the Trial Version

Slugs.exe - SLUGS is a colour picker which can run on its own or as an HTML-Kit plugin. It can make suggestions of colours which look nice with the selected colour. Features include HSL and RGB pickers, a 'grab screen colour' picker, support for many popular output formats and semi-intelligent scheme suggestions.

Infohound Color Schemer -This color schemer is a simple tool to help you experiment with various color schemes for your next web or print project.

Site Pro Central Color Scheme Chooser -Feel free to use the program for your web site design, digital painting or othergraphic design and art projects. Its what I use and I find it very good for my work. You just insert the hex or rgb codes from or into Adobe Photoshop or any other image editing software and voila you are on your way to a great color scheme! (alternate site pro location)

Books: Try Ebay and Amazon.com

	Andy Budd Publisher: Friends of Ed ISBN: 1590596145 Format: Softcover Condition: New Publication Year: 2006
	Dan Cederholm Publisher: New Riders Pub ISBN: 0321346939 Publication Year: 2005
	Any of the Visual Quickstart reference guides are great.  get the latest edition, if you can find it.  Published by Peachpit Press.  You can get free FedEx shipping and an instant 30% discount from the publishers.  (Peachpit also publishes the WOW! series of photoshop books)
	Cascasding Style Sheets, The Definitive Guide, by Eric Meyer.  I am very fortunate to have been given a copy of this book October 26 in exchange for a  written review, among other places.