css

TwitterFacebook
Get flash to fully experience Pearltrees
templates

webdesign

typography

A List Apart: Articles: Alternative Style: Working With Alternat

http://www.alistapart.com/articles/alternate/ So you've got a web page. You’ve marked it up with structural XHTML. You’ve also been a good little web developer and used style sheets to control what your document looks like. You’ve even gone the extra mile and created several alternative style sheets to show how hardcore you are. Style sheets can be associated with documents using a list of link elements in the head. There are three different relationships external style sheets can have with the document: persistent, preferred, and alternate.
Magical things can be done by combining various CSS properties, especially when some of the new CSS3 tricks are thrown into the mix. Let’s take a look at building a cool looking stack of Polaroid photos with pure CSS styling. View the Demo Check out the demo to see what we’ll be building.

How To Create a Pure CSS Polaroid Photo Gallery

http://line25.com/tutorials/how-to-create-a-pure-css-polaroid-photo-gallery
http://css-tricks.com/the-css-overflow-property/ Every single element on a page is a rectangular box. The sizing, positioning, and behavior of these boxes can all be controlled via CSS. By behavior, I mean how the box handles it when the content inside and around it changes. For example, if you don't set the height of a box, the height of that box will grow as large as it needs to be to accommodate the content. But what happens when you do set a specific height or width on a box, and the content inside cannot fit?

The CSS Overflow Property

CSS Layout - 100% height

Min-height The #container element of this page has a min-height of 100%. That way, if the content requires more height than the viewport provides, the height of #content forces #container to become longer as well. http://www.xs4all.nl/~peterned/examples/csslayout1.html
http://code.google.com/p/ie7-js/

ie7-js -

The suffix will ignore query string parameters. For more fine-grained control you can also set IE7_PNG_SUFFIX to a RegExp object. If you want to use an alternative PNG solution then set the suffix to something that cannot possibly match:
We will learn how to use the CSS property background-position to create different kind of buttons , interfaces and more by using only one image as background . It will reduce the loading time and supress the user’s waiting on mouse over effects . This time I am really happy and excited because I think this tutorial will help a lot of people and it will be very very easy to understand. I have noticed that a lot of people makes use of basic CSS properties to create their layouts but doesn’t know about other “advanced” CSS properties. We are going to see how the background-position can improve the user’s experience of our visitors and reduce the time loading in our pages. Big sites like youtube , facebook and more make use of that property to save resources and get a better interaction . http://yensdesign.com/2009/01/mastering-css-background-position/

Mastering CSS background-position | yensdesign - Tutorials, Web

PHP: Style Changer - Mike’s Experiments

http://green-beast.com/experiments/php_style_changer.php?GimmeStyle=default.css The is the raw data output by the script. It is these variables that, if properly employed, will alter the CSS import statement to grab the user’s preferred style sheet. Assuming, of course, cookies are allowed.
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts – and first of all a strict separation between layout, or design of the page, and the information, presented on the page.

53 CSS-Techniques You Couldn't Live Without | CSS | Smashin

http://coding.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/

Creating Themes for Movable Type | MovableType.org - Home of the

Movable Type is an extremely flexible content management tool. MT can publish content in many different formats, using any kind of text- based markup. Creating themes for Movable Type can be accomplished in a variety of methods based upon the markup of the templates. In this article we'll focus on html markup with css formatting. The methods in this article assume that you are using one of the Default Template Sets from MT4, but these methods work equally well for other template sets. Here's a glossary of terms that I'll use in this article: http://www.movabletype.org/documentation/designer/creating-themes-for-movable-type.html
http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/

50+ Nice Clean CSS Tab-Based Navigation Scripts

Tab navigation has been one of the most fundamental element in any modern web structure . In order to make sure visitors can properly navigate through the website. One of the biggest challenge web designers and developers faced is to integrate a simple and nice tab navigation that not only don’t confuse, but helps visitors easily understand where they should be clicking. Whether you are running a website or blog, tab navigation is probably one of the element that helps drives traffic to internal pages. Here we’ve compiled a mass list of 50+ nice clean and sleek CSS Tab-Based navigation samples you can adapt on your site. Full list after jump.