The Art of Crafting Beautiful Stylesheets « Azadcreative.com
http://azadcreative.com/2009/04/the-art-of-crafting-beautiful-stylesheets/
Handy Tips for Creating a Print CSS Stylesheet
http://line25.com/tutorials/handy-tips-for-creating-a-print-css-stylesheet

Handy Tips for Creating a Print CSS Stylesheet

This post is based on a chapter from Even Faster Web Sites, the follow-up to High Performance Web Sites. Posts in this series include: chapters and contributing authors, Splitting the Initial Payload, Loading Scripts Without Blocking, Coupling Asynchronous Scripts, Positioning Inline Scripts, Sharding Dominant Domains, Flushing the Document Early, Using Iframes Sparingly, and Simplifying CSS Selectors. “Simplifying CSS Selectors” is the last chapter in my next book. My investigation into CSS selector performance is therefore fairly recent. A few months ago, I wrote a blog post about the Performance Impact of CSS Selectors. It talks about the different types of CSS selectors, which ones are hypothesized to be the most painful, and how the impact of selector matching might be overestimated. It concludes with this hypothesis:

[Browsers read CSS selectors from right to left, therefore...] The key to optimizing CSS selectors is to focus on the rightmost selector, also called the key selector (coincidence?). Here’s a much more expensive selector: A.class0007 * {}. Although this selector might look simpler, it’s more expensive for the browser to match. Because the browser moves right to left, it starts by checking all the elements that match the key selector, “*“. This means the browser must try to match this selector against all elements in the page.

'm in the process of building a new site and learning CSS as I go. It gets messy at times, and I'll definitely be referring back to this post.

another approach to organizing CSS

'm in the process of building a new site and learning CSS as I go. It gets messy at times, and I'll definitely be referring back to this post.

When I first took the plunge into CSS several years ago, one of my biggest frustrations was stylesheet organization. I scoured source code from popular sites trying to figure how they accomplished various layout effects. But tracking back and forth from stylesheets to HTML proved to be a difficult task. Unfortunately , that separation of style and content that makes CSS so awesome can also make it difficult to understand. Adding to that difficulty is the fact that each designer may have a different way of organizing stylesheets. If you inherit someone else's site, this can cause some problems. In a perfect world everyone's CSS would be well-organized, easy to scale, and easy to understand. We may not be able to attain such CSS Nirvana but we can at least make it easier on ourselves and those we work with by following this set of guidelines.

An interesting methodology for organizing your stylesheets. I'm definitely trying this with my project to save some time.

Reveal new window links and links to non-HTML files with a user stylesheet |

user stylesheet

I am not talking about a full framework necessarily, just a simple stylesheet template that you can open up and immediately dive into. That way when you have an idea for a project and are ready to get started, you have most of the busy work built so you get right into the heart of it. So below I have not only prepared some notes on the process, but also walk you through setting up a basic CSS stylesheet template of your own.

Creating a Time Saving CSS Template

“a list of 5 useful but rarely-used CSS properties that work in all modern browsers.”

ブラウザデフォルトスタイル。IE8で見出しとか大きく変わってたんだな。

intercambiador de ccs por jquery.

Articulo sobre como utilizar css para preparar una pagina para impresion

Bulletproof CSS3 media queries

How to get around media queries and older browsers (>IE9, >FF3.5, >S3, >07). Uses conditional comments and js to load appropriate style sheets. Seems kludgy, but no better solution known and will work in a pinch.

CSS3 media queries are very handy to target various devices with various monitor (screen) size. With the help of the CSS3 media queries we can have site optimized for iPhone and other mobile devices, with the same solution we can have site optimized for iPad and all other tablets . This CSS solution will be much more cheaper than building new mobile web site something like http://m.somewebsite.com or http://ipad.somewebsite.com . Can we start using the CSS3 media queries today? Yes we can!