Refresh 2006 Conference: Jeremy Keith Getting Microformats

November 17 , 2006

Speaker

Jeremy Keith, Microformats Semantic Web RDF OWL new standards

New technologies...

Always going to be difficult Hypertext web Semantic Web Parallel to hypertext web Publish twice doesn't sound like a good idea to me. Redundant. The philosophy behind semantic web is good for the machines but what about the people. The approach is where it is more difficult. We try and reuse and change people's behavior. Go with what people are already doing. Don't publish twice. Publish once. One web hypertext web becomes the semantic web. This much less ambitious. Microformats aren't going to solve hunger or make a new web but just enough to improve.

Semantic format

To structure your text... The bad ol'days If you go to your documentation The new wave... CSS We've rediscovered semantic markup. We can start thinking about what it is. Example: The old days will be table cells, nestled in deep. What is it? It is a list unordered list. Mark it up that way... to add that example. I like CSS because I've rediscovered semantic markup (structure your content with meaning). CSS Zen Garden (separating content and presentation) Hundreds of ways to look at it. What is the best semantic? Simplebits (Dan Cederholm) What is the best element to use? Debating the finer points of markup. So semantic markup is the foundation. Add a little more to make it more powerful

Elemental Microformats

Rel-license LIcensed under a Microformats. XFN came out of that specify the relationship between the site and you are liking to. I was talking with Andy Budd The rev attribute Thi sis the help page for the checkout page. The relationship between the current document and the document you are linking to. This page is the help file and for that file. Not people use it but it is there. Vote-links Anil Dash wrote a dmaning critique Vote-against Little Green Footballs. We aren't creating custom markup we are making use of attributes already there. Those are elemental attributes. Compound Microformats The class attribute you probably talk about it for CSS CSS classes.. there is no such thing as CSS classes "For general purpose processing by user agents" We all use it for CSS but it is just one use. Class attributes is part of the markup. About this site adactio is the home of Jeremy Keith, a web developer living and working in brighton, England. Semantic Markup:
Adactio is the online home of Jeremy Keith, a web developer and working in Brighton, England. A bunch of information not marked up. My name, job, address, all in there. hCard
Adactio is the online home of a Andy Budd the other day. <>><

blogroll

I'd be using XFN markup I dont' have a blog roll I have a bedroll. You can pollute the card name with your class names, it'll get ignored. Review: If i went to see my movie and I mark it up and now I can see what it is. I can give it more information by introducing "hreview" I can write 4 and title attribute. This just a couple of attributes.

hReview + hCard

It is an hcard if you put your address online. You can markup places too. If you are reviewing a restaurant to say how good it is. It is also a hcard. The full name is ... This the great thing about microformats you can mash it up. the abbrv element I'm going to the Refresh conference at the Emabassy Suites in Orlando, <<>FL this Wednesday.<>>

Florida's abbreviation... FL

This wed you can calculate what the date is but there is nothing explicit for the date. Use the class name and then the title with that date format. This is the date standard way of doing things. It is an ISO standard. Rather than invent a new way let's steal it. Lots of laziness. Now there is a lot of semantic information in the event. <<><>>

Events

parties, conferences.. Why? would you do it? My answer why not? It's not like you need signoff. You don't even need to tell anyone you did it. Just go ahead to do it Don't convince them just do it. Using CSS is a lot trickier but this is so easy to do.

Discovery

You are making your information easier to discover.
Contact details. Then the whole point is easy to discover. Anything to make the information easier. If your goal is easier. Then it makes sense. Upcoming.org for the microformats. Get the information out there.
Help your users.

I’ve got microformats in there there i sa little icon.
I’ve got a plugin “tails” it detects microformats. If you click on that then it pulls the data.

Jon Hiks uses a stylesheet. Great idea to use stylesheets.
Style microformats.. Easy.
Discovery is made easier.
Technorati kitchen you can search for a string.
contacts view events
It is using the extra information.
Discovery is one thing. What about taking one thing?
Contact details.

Extraction

These bits of information get out there too.
Bookmark that someone wrote. Javascript.
Written by microsuda?
Vcard and iCard (not confused with iCal)
universal formats. Xhtml to downloads it.
If I do that it’ll help you add into your vcard.
You can sync it with your ipod too.
ics events and add it to application of choice.
Portability, you want people to add it. You are allowed to do it in one step.
one click…

Every event is a talk. We are putting it in there anyway.
We threw in a couple of class names and subscribe to this.
Click on that and get it imported into their calendar application.
If I change/update it, will be updated.

The two day schedule, Jon Hicks created one for @media when there wasn’t one.

Mashups: if you are making your data more explicit….
going to sxsw next year and the parties we were going to…
I took the information.
Location information: location means maps, maps are cool
Looked at place.
How far they had to go to change parties
Maps are great for contact
So by giving extra richness

Cork’d
but because they use microformats
you can do cool stuff. Extract the hreviews and dan had no idea what he
was talking about. People can do the clever stuff
Oblivious development.. let people do what they want.
That’s why people publish APIs. Making it available.
Human readable way. People first, Machine Second

I redid the thing for dConstruct.
All over this stuff I did the events.

tools
If you want to get started it isn’t that hard.
hCard-o-matic
microformats.org/code/hCalendar/creator
it spits out the detail.
There is a plugin for wordpress

There is a cheat sheet for microformats split in elemental formats.
PDF

Community

There are tools out there. Talk to people.
IRC channel microformats
wiki examples are shown, if it is wrong go in there and edit it
mailing list microformats there is some really good discussions, back and forth just to listen in.

Process

Made by a community
there is no one up high
People are interested in microformats and we end up with hundreds…
just micro. Just little bits of data not entire pages. Microstuff
It would be really cool if there was this…
documenting what people are already doing.

Cowpath

The cowpath to the olive garden and the embassy suites
What is the best place to put the path because people are already going.
Paving the cowpath.
How are students walking across the grass? Then just look where people are walking already and build the path there. When hCard , blogrolls, well let’s just standardize the existing stuff.

Creating

If you want to create one then document.
Even information. Where possible reuse, steal.
What is the perfect way.. what makes it easy for people.
What do people publish with today?
html
the most common language.
Changing people’s behavior is the hardest thing to do.
“The future…?”
We’ve barely had anything to do.

The future?

What’s the first thing to do…
Chicken and the egg situation.
Who bought the first fax machine?
Kind of geeky stuff it is going to get better.

Toolbar that is extracted
http://flickr.com/photos/drewm/297963658
We need microformats…
In the future it is going to get even bigger.

Adactio.com/extras/gettingmicroformats


Microformats make it easier for bots and spammers
Its not the format you publish. It is the fact that you are publishing.
It’s kind of irevelant. The content is spammable.
If you are worried about spam/bots then don’t publish it.

Couple of authoring tools…
I’ve got my cheat sheet. Is there an automation.
There is a couple of tools.
Drew M has written plugins for dreamweaver.
It’s just class names.

Have you seen a content management?
Plugin for content? wordpress.
Little wizard. Open source content management first…
Expect to see more but see more and more.
Look for implementation in the wiki.

Class and CSS class selectors

Questions

Do you have a standard when you are looking at a set?
personal preference. start the string with microformats or the css class selector.
your preference.

The rel license do you need the rdf comments?
the spider will already be coding.

Why not XML?
People first machines second
XML not as easy
Everyone is already in HTML
class names is really powerful.
Again just too technical. For the average user to use.
Good for machines….

Tidy but then it is well formed by dave r
XML overkill for this.. lowest common denominator
If you want to write a parser. Doesn’t matter what order, how you want to do it yourself. If you want to write a parser it is harder..
microformats what is easy.. what is already to be lazy.

Would it help your google page ranking?
I don’t think so.. the google dance is always updating.
They aren’t yet.. but they will start looking.
It’s a no brainer for them.

 

 

Commenting is not available in this section entry.

About

Constantly, trying to learn new things, and on the way I get to meet some amazing people with my camera by my side. XOXO!

on Flickr