CSS Links
CSSPLAY - Examples! Examples! Examples! Stu Nicholls’ amazing css site gets 22 MILLION HITS PER MONTH. Find out why for yourself.
Adobe Best CSS Practices / with Dreamweaver 8 Lots of articles and tutorials here including:
- Overview of CSS in Dreamweaver 8 -Get familiar with all the new CSS features, tools, workflows and user interface improvements.
- Introduction to Designing with CSS - Learn the basics of CSS based layouts.
- CSS on Multiple Media Types -Take CSS from Screen to Print to Handheld.
- Tableless Layouts with Dreamweaver 8 - Tired of using nested tables to design your pages? Modernize your layout by using CSS.
- Styling Forms with CSS -Learn how to control the look of your forms with CSS.
- Creating a Simple 3 Column Design with CSS and Dreamweaver 8 - Take your CSS designs from two to three columns.
- Understanding Specificity - Get a grasp on how specificity of CSS selector types affects the styling of your web pages.
Lynda.com - Award-winning provider of educational materials, including Hands-On Training™ instructional books, the Online Training Library™, CD- and DVD-based video training, and events for creative designers, instructors, students, and hobbyists. AAMUG: Get the discount code from Glyn for your free 24 hour pass
Image Wrap Tutorial (sandbag method) -a special purpose “floated” element used for text wrap control. Most often used in groupings to induce text wrap around complex background images or sliced image sets.
Sifr: Scalable Inman Flash Replacement allows you to render header text with custom fonts via a swf file, no images used! A great site to learn from and download all the files neccessary. A rather complicated proceedure, but well worth trying! Requires Flash.
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 came to Austin in November 2006 (cost $499). Maybe they’ll come round again?
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: An example of fixed body background and a main container with a transparent background, and a simple horizontal tabbed menu with transparent backgrounds. Need semi-transparent backgrounds for your site design? There are 16 of them available here for the taking,
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.
CSS BUGS / HACKS / FIXES
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.
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 GENERATORS
by “InkNoise”, a toy for the web designer…a css generator that makes cross-browser compatible code. Select a layout type, width, and other options, then pick up your multi-column CSS layout. You’re welcome to use the resulting generated layouts for any purpose, personal or commercial.
CSS Creator: This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.