CSS & CSS3

CSS3: A look at new Selectors

September 12, 2011

Selectors in CSS are something that is used to target elements on a page and style them. In CSS3, far more options are available for element selection as compared to the previous versions. This would mean much ease and swiftness in the implementation of diverse designs for web pages. There are no ways of targeting [...]

Read the full article →

CSS3: Unique Features

May 19, 2011

Border Images: Having border images will allow developers and designers to take there site to the next level. You can be as creative as you want and be able to apply it as a border without extra elements. Quite simple code really: #my_id { border-image: url(border.png) 30 30 30 30 round round; }

Read the full article →

Transitions in CSS3

April 28, 2011

A distinguishing feature of CSS3 is that with CSS3, we can add an effect of changing from one style to another, without using Flash animations or JavaScripts. This is known as transition effect. The power of this feature is quite evident since it removes the burden of several other extraneous concepts from web programming. Basically, [...]

Read the full article →

User Interface in CSS3

April 15, 2011

Additional functionality of user interfaces is one of the most distinguishing features presented in CSS3. Some of the new user interface features introduced in CSS3 are resizing elements, box sizing, and outlining. First of all, a little about resizing elements is presented. This feature specifies whether or not an element should be resizable by the [...]

Read the full article →

CSS3: The Power of Animations

April 14, 2011

A brief introduction to CSS3 was given in a previous article. The biggest difference between CSS3 and the previous versions of CSS is that CSS3 is divided into several separate documents called “modules”, instead of defining and implementing all features in a single large documentation. Some of the most important CSS3 modules are Box Model, [...]

Read the full article →

Compress your CSS with PHP

July 20, 2010

It is possible to compress your CSS style sheet with PHP. Here is how you can do that. Create a CSS file with .php extension. For example; stylesheet.php <?php ob_start (“ob_gzhandler”); header(“Content-type: text/css; charset: UTF-8″); header(“Cache-Control: must-revalidate”); $offset = 60 * 60 ; $ExpStr = “Expires: ” . gmdate(“D, d M Y H:i:s”, time() + [...]

Read the full article →