Tuesday, December 13th, 2011

Box Shadow

It isn’t only text that you can add shadows to using CSS 3. There is also a new property for adding shadows to borders. Box Shadow

Monday, December 12th, 2011

Text Overflow

In printed works truncated text is generally indicated by including an ellipsis (three dots close together) at the point where it is chopped off. This new CSS 3 property allows you to do the same thing on your web pages. Text Overflow

Tuesday, October 11th, 2011

Pseudo Elements

CSS 2 introduced pseudo elements. CSS 3 gives them a new notation to distinguish them from pseudo classes. Pseudo Elements

Monday, October 10th, 2011

More Pseudo Classes

In this article on CSS 3 we look at those pseudo classes that are neither structural or state. More Pseudo Classes

Tuesday, August 16th, 2011

Element State Pseudo Classes

These new pseudo classes introduced as a part of CSS 3 allow parts of the page to be styled differently based on their state. For example form fields can have specific styles that only apply if they are enabled or disabled. Any element with an id will also be able to be styled differently when [...]

Monday, August 15th, 2011

Structural Pseudo Classes

In this seventh CSS3 article we look at some of the new pseudo classes that have been added to make it easier to style content based on sibling relationships. One obvious use for this is to produce stripy tables entirely using CSS for the styling without any need for classes or JavaScript. Structural Pseudo Classes

Tuesday, July 26th, 2011

New Attribute Selectors

CSS3 adds more ways of specifying what styles to attach to what parts of your content by providing additional ways of matching against parts of attributes. New Attribute Selectors

Monday, July 25th, 2011

Embedding Fonts

With CSS3 you can now embed fonts that will actually work across all modern browsers. Unfortunately though there are still a few issues so that it still doesn’t work as well as it ought to. Embedding Fonts

Wednesday, July 20th, 2011

Text Shadow

CSS now provides a method of applying shadows directly to text that works in most browsers. Text Shadow

Tuesday, July 19th, 2011

Border Image

While only some browsers currently support them, you can now define images that will be inserted into the border around your content in a way that will adjust itself as the element changes size. Border Image

Monday, July 18th, 2011

“HTML5 and CSS3 For The Real World”

Both HTML5 and CSS3 are considered to be the next great thing by some people involved in web development. While CSS3 is broken up into modules where some have already effectively become standards while others are still in early draft, HTML5 is still at a very early draft stage. This doesn’t mean that you can’t [...]

Wednesday, June 29th, 2011

Round Corners

Both popular and new at least able to be done in all of the latest browser versions we can now have rounded corners on borders without needing to add any extra tags into the HTML to do it. Most modern browsers even support elliptical as well as circular corners. Round Corners