Archive for the ‘CSS’ Category

‘Layers’ supports microformats now!

July 30th, 2008

With the version 1.0.6 of Layers theme, it supports microformats. Though WordPress itself comes with some microformat structure in the form of tags (rel-tag), XFN in terms of blogroll links. Still, there many of them are left which can be used to increase the semantics of your code following the principle, data should be readable for humans as well as machines.

If you didn’t know about microformats

A microformat (sometimes abbreviated as uF is a web-based approach to semantic markup that seeks to re-use existing XHTML and HTML tags to convey metadata and other attributes. This approach allows information intended for end-users (such as contact information, geographic coordinates, calendar events, and the like) to also be automatically processed by software.

-wikipedia

In a bit more simpler meaning, if you have a software which can understand a web page written with microformat, it would be possible for the software to automatically recognize the informations like, contact information, geometric information, bookmarks etc.

If it is still not very clear, what will extra benefit will you get from it, just try operator firefox addon once with Layers theme. The theme uses hatom, hcard, XFN, rel-home, xFolk microformats.

The article by otto helped a lot for this update.

Tags: layers, microformats, semantics, theme
Posted in CSS, designing, technology, themes, wordpress | Comments (3)

The fancy menu with the power of JavaScript and CSS

July 15th, 2008

I noticed this effect long time back and was really stunned by it’s graceful beauty. For a quick quick introduction to fancy menu go to this page. Great mootools library of JavaScript shows it’s magic with very elegant semantic XHTML and CSS in this technique. Definitely a great read!

For the JQuery port of the fancy menu effect read this post or this post at meta20.net (aka Smooth Menu for JQuery)

Tags: CSS, javascript, XHTML
Posted in CSS, designing, javascript, technology | Comments (3)