Tutorials:

Tutorial from W3C – http://www.w3.org/Style/Examples/011/firstcss

Tutorials from HTML Dog – http://www.htmldog.com/

CSS Examples with demo -  http://csshook.com/cssexamples/

Complete CSS guide – http://www.westciv.com/style_master/academy/css_tutorial/

W3 Schools CSS tutorials – http://www.w3schools.com/css/default.asp

HTML.net CSS tutorials – http://www.html.net/tutorials/css/

HTMLhelp.com: CSS – http://www.htmlhelp.com/reference/css/

BrainJar: using style sheets – http://www.brainjar.com/css/using/default.asp

Beginner’s guide to CSS – http://friendlybit.com/tutorial/beginners-guide-to-css-and-standards/

Creating a CSS layout from scratch – http://www.subcide.com/tutorials/csslayout/

List building tutorial from MaxDesign.com – http://css.maxdesign.com.au/listutorial/

Tutorial on floating elements from MaxDesign – http://css.maxdesign.com.au/floatutorial/

CSS no crap primer – http://wendypeck.com/css101.html Read more…

• No Related Post

1. 53 CSS-Techniques You Couldn’t Live Without
2. css examples
3. http://csshook.com/cssexamples/top-50-best-css-articles-and-resources/
4. How to make sexy buttons with CSS
5. Learn to slice your templates into fully valid XHTML and CSS web pages
6. Powerful CSS-Techniques For Effective Coding
7. http://csscody.com/top-100-best-css-articles/
8. 25 Code Snippets for Web Designers (Part1)
9. Cheat Sheets for Front-end Web Developers
10. (The Only) Ten Things To Know About CSS
11. Using CSS to Fix Anything: 20+ Common Bugs and Fixes
12. http://csscody.com/category/css/
13. The RIGHT way to convert your Photoshop design to XHTML and CSS Layout
14. Are You Making These 10 CSS Mistakes?
15. http://csshook.com/cssexamples/category/css-examples/

• 150 CSS Examples
• How to design css sitemap Tree
• CSS tricks
• Write a CSS Syntax
• How CSS3 works
• Benefits of CSS
• What it’s all about CSS3
• CSS QUOTES
• CSS Universal (*) Selector
• CSS3 Multi Column Feature

CSS Tips and Techniques

- Push Your Web Design Into The Future With CSS3 [Smashing Magazine]

- CSS Typography: Contrast Techniques and Best Practices [Noupe]

- Powerful CSS Techniques for Effective Coding [Smashing Magazine]

- 4 Uber Cool CSS Techniques for Links [Css Globe]

- 10 Principles of the CSS Masters [NETTUTS]

- 12 Principles For Keeping Your Code Clean [Smashing Magazine]

- 101 CSS Techniques Of All Time - Part 1 [Noupe]

- Resetting Your Styles with CSS Reset [Six Revisions]

- 53 CSS Techniques You Couldn’t Live Without [Smashing Magazine]

- 101 CSS Techniques Of All Time - Part 2 [Noupe]

- Structural Naming Convention in CSS [Six Revisions]

- 10 Challenging but Awesome CSS Techniques [NETTUTS]

- Improving Code Readability With CSS Styleguides [Smashing Magazine] Read more…

• No Related Post

The ability to embed fonts on a Web page has been a dream of many designers for years. @font-face is the CSS declaration that allows us to do this, but it is not widely supported by Web browsers, especially Internet Explorer. When CSS 2 first came out, the W3C actually recommended support for@font-face, but it was soon deprecated due to lack of support by CSS 2.1.

Now the demand has returned with a stronger push. Even though some current browsers don’t support it and older browser versions are still being used, most modern browsers do now support@font-face. If it is one day fully implemented, all we would have to do is this: Read more…

• No Related Post

CSS was originally meant for styling after all, right? Let’s step back from the programming-related concepts, and turn again to the design element of CSS. Aside from functionality in coding, some of the ideas floating around relate to functionality in design. Let’s look at a few below, some of which already have solutions.

Advanced Hyphenation Techniques

With increasing attention paid to typography in the last few years, hyphenation has become a priority for many people. Well-designed websites hyphenate the text in areas where it is important to the layout so that the text does not have to be constantly altered. This improves alignment and better organizes the overall design. Read more…

• No Related Post

Most of us have come across a piece of CSS code for which we thought, “This would be much easier if I could just subtract X number of pixels,” or “This solution would be easier if I could just add X% onto this DIV.”

Without this simple math for CSS, most of us have found workarounds to many of these problems. But by implementing simple mathematical functions in CSS, we can eliminate extra code and make our thought process easier. Read more…

• No Related Post

A much-wanted feature in future versions of CSS is to be able to use alternative and smarter shortcuts to shorten CSS code. Some of these are already being implemented in alternative CSS languages, but the new CSS 3 has no sign of this. With greater support, perhaps basic CSS could become smart enough to handle these shortcuts in another 10 or so years, when CSS 4 is introduced.

To see the benefit anyway, let’s look at a few examples in which smarter shortcuts would be beneficial.

When many elements from a certain class or ID share the same properties, things can get a bit repetitious:

Smarter syntax would tighten things up, saving both time and space in the style sheet:

As most of us know, styling links in CSS can be a huge hassle. Nesting these elements, as shown above, is a great solution, but a smarter syntax for dealing with pseudo-classes would also be good: Read more…

• No Related Post

Conditional options in CSS have a variety of benefits but can also bring the same deficiencies as CSS variables in that they alter the state of CSS as it is. Many of the cons have to do with efficiency, confusion and, in some cases, added HTTP requests (because it deals with a type of server-side programming language).

Nonetheless, let’s look into more of the benefits of conditional CSS statements. Just keep in mind the cons that come with them, and always be thinking of new ideas to overcome them. So far, the tools and solutions that give developers and designers conditional statements in CSS have come to be relatively well accepted. This is because CSS conditionals seem to solve bigger problems in CSS, and the lack of efficiency seems minor by comparison.

Let’s not forget the original CSS conditional. The problem with the traditional CSS conditional for IE, however, is that it has no else or else if. Although the use may be limited, an if/else statement for CSS could allow designers and developers to specify styles for other types of conditions: browsers, for example.

One popular tool for calling styles according to browser type is Conditional-CSS.com. While many other solutions are out there for conditionals as well as this particular problem, this tool can do most of the work automatically, with minimal confusion. Read more…

• No Related Post