CSS Head

jExpand is ultra lightweight jQuery plugin that will make your tables expandable. Typical for line of business applications, this feature can help you organize tables better.

50 fresh CSS tricks, techniques and tutorials that will help you to improve the quality of your next web design.

HTML 5 enables us to replace our multitude of divs with semantically meaningful structural elements. This semantic specificity not only improves the underlying quality and meaningfulness of our web pages, but also enables us to remove many of the class and id attributes that were previously required for targeting our CSS. In fact, CSS 3 makes it possible to eliminate virtually all class and id attributes…

Web designers around the world are extremely excited about the power of CSS3 and the creative freedom it offers. With that in mind, we’ve rounded up 29 resources for you to learn more…

There can be license issues when using fonts with @font-face embedding. Here’s a useful list of fonts that specifically allow @font-face embedding…

Webfonts are font files embedded in websites using the @font-face rule. This technique was first available in Netscape Navigator 4 using Bitstream’s TrueDoc standard but was discontinued in Netscape Navigator 6. Microsoft developed the Embedded OpenType format .eot which is supported in Internet Explorer since version 4. In march 2008 Apple introduced Safari 3.1 which supports the @font-face rule, but it doesn’t use any of the previously mentioned formats, but the popular font formats TrueType and OpenType with TrueType or PostScript outlines. Other browser makers are following Apple’s lead. Firefox 3.5 and Opera 10 will also support direct linking of TrueType and OpenType fonts using the @font-face rule…

WebKit on Mac OS X now has support for CSS 3D transforms, which allow you to position elements on the page in three-dimensional space using CSS. This is a natural extension of 2D transforms, which we described in an earlier blog post. 3D transforms have been supported on iPhone since 2.0, and now we’re please to announce that we have currently added support for Leopard and later…

One of the least used properties in CSS is the Clip property. Clip is part of the visual effects module of CSS 2.1 and its job is to place a visible window on top of an object that is being clipped. It is useful for clipping images and creating thumbnails without having to create additional files. This trick can be used to create square thumbnails, or to create other varieties of thumbnails without actually duplicating files on the server. Here is the rundown…

Z-index is used to determine the stacking order of absolutely positioned elements on a page. The CSS 2.1 spec says the value of z-index should be an integer. But it doesn’t define the any maximum values for it. So the actual max is often determined by what variable type the browser uses to store the z-index…

Sometimes it’s just fun to play around with the programming languages we know and see what we can create. Here’s how to create an online keyboard with CSS, and then make it work with jQuery. The keyboard includes “action” keys (caps lock, shift, and delete) which dynamically change the keyboard when clicked…