The Power of HTML 5 and CSS 3

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…

VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)

What are webfonts?

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

3D Transforms Using Safari Webkit

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Creating Thumbnails Using the CSS Clip Property

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)