Download

hDOAP is a microformat-like convention (i.e. a dialect of XHTML containing embedded data) used to express Description of a Project (DOAP) data in XHTML. This document describes and defines the hDOAP profile. GRDDL may be used to extract machine-readable data from the document.
Status

* 2008-08-09 - unchanged apart from rewording intro to make clear this is not an official microformat (because it wasn't produced by the microformats.org process. For some reason the XSLT is no longer working with W3C service, though is ok with xsltproc - @@TODO fix.
* 2005-05-29 - almost finished, some less common elements need adding to the stylesheets, minor bug (empty release is added)

@@TODO add references to relevant docs
Creating hDOAP Documents

There are (at least) two ways of creating a hDOAP document. The first is to use an HTML editor and include the attributes for CSS as structured in this sample : redland-doap.html (describes the Redland RDF Toolkit).

The second is to create a standard DOAP file and run it through the XSLT transformation described below. The DOAP-a-matic provides a very easy way of creating the DOAP.

Those that use Firefox with the Tails extension, read no further. This is not for you. You have it given to you on a plate, you don’t know how lucky you are. This is for those of us using Camino, Safari or Omniweb.

After I mocked up an image of how Microformats detection might work in Safari, I started looking at the tools there were available. While there wasn’t anything that handled detection, Tantek did release his bookmarklets to allow hCard and hCalendar information to be exported from a page. Nothing in the region of Tails where you could view a list and choose which contacts/events you wanted, but it worked. This just left some way of handling detection, until I came across Chris Casciano’s script for NetNewsWire to Extract Microformats. It was a simple solution too – use css to style .vcard and .vevent classes differently.

So I’ve knocked up one of my own as a starting point. Here it is in action on Adactio, a rich harvest of microformats to be highlighted:

Example of the highlight microformats css in action

Here’s the file to download: expose-mf.css

It may work better with some designs than others. So far, I’ve not come

Microformats Wiki

* Blog
* Wiki
* Discuss

Search
cheat-sheet

(Redirected from cheatsheets)
Jump to: navigation, search

Brian Suda has made a PDF microformats "cheat-sheet" which you can download, free. An alternative cheat sheet is also available.

These cover:

* Address
o see adr-cheatsheet
* Geolocation
o see geo-cheatsheet
* hAtom
o see hatom-cheatsheet
* hCalendar
o see hcalendar-cheatsheet
* hCard
o see hcard-cheatsheet
* hResume
* hReview
* rel-directory
* rel-license
* rel-nofollow
* rel-tag
* VoteLinks
* XFN
* xFolk

and the datetime and include patterns.
Folding cheatsheet

Erin Caton has designed a pocket cheat sheet. Download the PDF, print double-sided and borderless, then fold it up.

Erin's cheatsheet covers hCard, hCalendar, hResume, hReview, hAtom, rel-license, rel-tag and XFN.

Here are some pictures of the folded cheatsheet.

Note issues, feedback, and suggestions on the pocket cheat sheet feedback page.

microformats resources

* buttons
* cheatsheets are handy if you need a quick reminder about a particular microformat.
* css - some handy CSS code for improving your published microformats.
* demo - a page with links for quickly demonstrating microformats working in practice.
* events
* existing-classes
* existing-rel-values
* icons
* jobs
* RFCs used by microformats
* 2D Barcodes
* shortcuts to wiki pages with long names
* spell-check dictionary
* spread-microformats
* and finally, humor!

Retrieved from "http://microformats.org/wiki/resources"

Xhtml Friends Network

XFN™ (XHTML Friends Network) is a simple way to represent human relationships using hyperlinks. In recent years, blogs and blogrolls have become the fastest growing area of the Web. XFN enables web authors to indicate their relationship(s) to the people in their blogrolls simply by adding a 'rel' attribute to their <a href> tags, e.g.:

<a href="http://jeff.example.org" rel="friend met">...

To find out how to write and use XFN, or to write a program to generate or spider it, read the following sections:

Introduction and Examples
Introduction to XFN, examples, styling suggestions, and future potential.
Getting Started
Join the XHTML Friends Network in just four easy steps!
Profile
Version 1.1 of the XFN meta data profile: the list of the values used in XFN with their significance. See the XMDP home page for more information on XHTML Meta Data Profiles.
Background
The thinking that went into the design of XFN, why particular values were chosen, and why other values were left out.
FAQ
Frequently asked questions about XFN.
XFN Tools
A collection of tools, templates, editors, communities, and other resources that let you edit XFN information. Includes the XFN Creator, among many others.
XFN and ...
How to use XFN with numerous social network services and other technologies.
What's out there?
Pointers to pages and sites which use XFN, tools, ...
How can I help?
If you would like to support XFN...
Press
Articles about or that reference XFN...
Thanks
Thanks to all those who have helped XFN with their feedback, constructive criticisms, suggestions, and inspirational uses.
Feedback
Let us know what you think about XFN.

Microformats Wiki

* Blog
* Wiki
* Discuss

Search
existing-classes

Jump to: navigation, search
Class Names Across All Microformats

Microsummaries are regularly-updated short summaries of web pages. They are compact enough to fit in the space available to a bookmark label, they provide more useful information about pages than static page titles, and they get regularly updated as new information becomes available.

Here are examples of possible microsummaries for some common types of pages:
Type of Page Possible Microsummary
auction item Honda Accord - $5000 - 1 minute left
(item name, current highest bid, and time remaining)
product for sale Linksys WRT54G - $60 - in stock
(product name, current price, and availability)
news site BBC: Chirac to sign France's job law
(latest headline)
word of the day flat-hat
(today's word)
stock quote TWX: 16.94 + 0.30
(stock price and movement)
weather report SF: showers likely
(current forecast)
tinderbox 3 burning
(status of the tree)
forum thread my first thread - 37 comments - last by Aaron
(thread name, number of comments, and last commenter)
support ticket tn79217 - in progress - J.Doe - eta: 3hrs
(ticket number, status, owner, and ETA)

Recently Google launched their latest mobile version of Gmail optimised for iPhone and Android based browsers. One of the features that stood out was the offline access thanks to the browsers support of html5 application cache.

Documentation on the application cache feature supported in safari iPhone 2.1+ is scarce and of that documentation it doesn’t go into great detail. The best place to learn about this is on the Safari DevCenter under the mobile section, there it has 2 documents introducing the user to offline webapps; the first is a quick rundown on just the manifest file and the second article touches on a few more features available to offline webapps such as the javascript events for updating the cache when the user is online. We’ll delve into these later in the article but first let’s take a look at a working example.
View a live demo Download the source files
Update: Added additional information about the event summary and the order in which events get executed. Added link to useful tool for sniffing file Content-Types.

To see the offline webapp in action, load the demo on your iPhone, then turn Airplane Mode on, re-open Safari and reload the demo. This time it will fetch the files from the cache that was created on the initial load.

The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and served by Google servers.

View font details to get the code needed to embed the font on your web site. Please also visit our quick start guide and FAQ page. For more help and suggestions, use our moderator page

This guide explains how to use the Google Font API to add web fonts to your pages. You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style.

Behold, fixed positioning on iPhone! http://doctyper.com/stuff/iphone/fixed/

Here’s a video for those without iPhones. This is running in the iPhone Simulator bundled with the SDK. Note that the animation is much choppier on an actual iPhone.

With the release of iPhone OS 2.0 came some great improvements over previous Mobile Safari versions. CSS animations are in (though buggy), as well as native touch events like touchstart, touchend, gesturechange, etc.

I played around with these new goodies while hunting for improvements to build into Pickleview. The most fascinating change to me was that you can now prevent the default behavior of elements with a simple preventDefault() call. It allows a user to drag an element around the screen without having to worry about the viewport wobbling about.

http://gist.github.com/358506

What was more interesting is that there was an entire framework running this web application. The framework weighed in at 4,300 lines of code, and was unmistakably an Apple-born API. Every class and constant was prefixed with the letters “AD” and some of the classes include ADTabBarController, ADScrollPane, ADViewController, ADView, ADToolbar, and dozens more.

What was more interesting is that there was an entire framework running this web application. The framework weighed in at 4,300 lines of code, and was unmistakably an Apple-born API. Every class and constant was prefixed with the letters “AD” and some of the classes include ADTabBarController, ADScrollPane, ADViewController, ADView, ADToolbar, and dozens more.

What was more interesting is that there was an entire framework running this web application. The framework weighed in at 4,300 lines of code, and was unmistakably an Apple-born API. Every class and constant was prefixed with the letters “AD” and some of the classes include ADTabBarController, ADScrollPane, ADViewController, ADView, ADToolbar, and dozens more.

A fully automated, active web application security reconnaissance tool. Key features:

* High speed: pure C code, highly optimized HTTP handling, minimal CPU footprint - easily achieving 2000 requests per second with responsive targets.

* Ease of use: heuristics to support a variety of quirky web frameworks and mixed-technology sites, with automatic learning capabilities, on-the-fly wordlist creation, and form autocompletion.

* Cutting-edge security logic: high quality, low false positive, differential security checks, capable of spotting a range of subtle flaws, including blind injection vectors.

RT: @envatowebdev: "An In Depth Guide to mod_rewrite for Apache" - new on Nettuts+ http://t.co/pdM8hoK

Generate matching color schemes like never before!

The JSON Formatter (& Validator!) helps debugging JSON data by formatting the JSON into data that is easily readable by human beings.