) til FireFox browseren. Kort fortalt virker Geode ved at din computers trådløse forbindelse udsender signaler. Disse signaler bliver opfanget af Wi-Fi access points og via såkaldt Wi-Fi Positioning System (WPS) laves der så et estimat over, hvor din computer befinder sig henne i verden.

Jeg var meget imponeret over, at der kun var ca. 15 meters fejl fra min bopæl. Det er meget mere præcis end Googles geocoder for mit vedkommende. Jeg har lavet en side hvor du kan sammenligne din egen computers trådløse forbindelses position med Google geocoder. (husk at installere Geode). Først bliver du bedt om at give en tilladelse til at din position bliver slået op, klik på “Exact location”

Efter 1-3 sekunder skulle der gerne på det øverste Google Maps være indsat en markør med en lokalitet.

Gå dernæst ned i søgefeltet og skrive den adresse du vil sammenligne med.

Kig hvor trådkorset placerer sig. Nu kan lokalitets baseret opslag via Geode plugin også bruges til mange andre ting. Jeg kan se at Rasmus fra mitKBH.dk så småt har kigget lidt på Geode med henblik på noget til brug på mitKBH.dk (???).

Hvis der er nogen der laver en test via min demoside, kan I måske lige kommentere om, et Wi-Fi opslag eller om Googles geocoder på jeres egen adresse virker bedst. Jeg er lidt nysgerrig mht. hvor godt et Wi-Fi opslag eventuelt virker udenfor de større byområder.

Geode så jeg nævnt hos Google Maps Mania.

- Microformats, the Web community’s open standards for structured data, has a lot of promise – expect to see them implemented in not only Firefox but IE and the other browsers next year.

Det skal også nævnes at i dag fylder Michael Kaplys Operator til FireFox 1 år.

Udtrykket semantisk sukker om microformats - stammer fra mit interview med Brian Suda, hvis nogen synes at jeg er blevet lidt mærkeligt i mine udtryk ovenfor.

[1] Søren: Welcome Brian. The microformats community quite often use this phrase “Designed for humans first and machines second”. How would you explain this concept for web developers and ordinary web users,who never have heard about microformats?

Brian: I like to talk about microformats as “semantic sugar”. Everyone can understand that adding a little bit of sugar to your food you make it taste better. Adding microformats into your HTML makes it “taste” a little better too!

The “Designed for humans first and machines second” is attempting to point out that microformats always take into consideration the publisher first. This means that things should be as easy as possible for the person writing the HTML. There will be factors of 10 more people publishing than writing parsers, so why make it easy to parse at the expense of the publishers? The other big thing this stresses is that data should be for humans, it should be in plain view – you should see it every day through the window of your web browser. Data that is only for machines tends not to be visible to humans in a meaningful way, so we forget about it, we never update it and next thing you know it is completely wrong!

[2]Søren: You are one of the co-authors of hCard, where did the genius idea came from regarding reusing the old vCard specification for hCard?

Brian: I already knew that my target was going to be vCard, so for me i was simply creating a vCard in HTML rather than XML or plain-text. Basically, a good programmer is lazy. It is always a good idea never to re-invent the wheel when ever possible. Using vCard properties for class values was a logical choice, with applications already supporting it, you instantly get inter-operability.

schindler’s list film downloads

[3] Søren: First time I did a hCard and then pointed the URN for that web page with my hCard to your “GEO Microformats to XML” tool and a KML file started up my Google Earth, I was very impressed and felt that this were one of the more practical things to do with microformats. Later on, I have discovered that when showing new people microformats in action (on a FireFox browser with Operator) – Examples with hCard and maps (Google Maps, Yahoo Maps, Google Earth etc.) is the first thing they think is smart and usefully for them self. Do you have the same experience when you are talking at conferences, that examples with maps draws peoples attentions to microformats?

Brian: Certainly maps are something everyone can relate too. In my presentations I try to show at least one practical and one “far out” demonstration of microformats. Usually, i demo how to take an HTML page, upcoming.org or any other with an hCalendar, then convert that to an iCalendar file.

With the newest versions of Outlook and Apple’s iCal, you can “subscribe” to events. This means that as the HTML pages are updated, your calendar application gets those updates too. This tends to really impress an audience, because we have all probably missed a rescheduled meeting or event due to a rescheduling. HCalendar really scratches an itch that people have every day.

I also like to demo some crazy far out stuff too, just to get people’s minds thinking. Twitter, for example, marks up all your messages as hAtom entries. Each of these entries has a publication date, so there is no reason why it isn’t possible to extract the data and convert it to XML or JSON and have it loads into a timeline or other software. Now we can begin to see twitter posts in relation to each others time distance rather than just as a list.

[4] Søren: Speaking about the upcoming FireFox 3.0 (not talking about the version out now for testers) and the build in microformats detection feature – will this be the breaking point and the big step ahead for microformats? – so we maybe see a success for microformats like the one RSS/Atom have gone through?

Brian: I think having a microformats detection native to the browser will be a big benefit to adoption and awareness. RSS/Atom has exploded for lots of different reasons, but it has taken many, many years! Where I personally see microformats in the browser excelling, is on mobile devices. Imagine if the browser in your phone was microformats aware. Instead of trying to re-type an event using T9, it could be one-click, save to calendar, one-click, call this person, one-click, get directions to this place from where i am standing right now based on my lat/lon of my phone’s built in GPS unit.

If all things were equal between two websites, but one used microformats and the other didn’t, when on my phone i bet you know the one i’d pick!

For better or worse, the end-user doesn’t really care about microformats. If you look at the current Operator toolbar, it doesn’t mention the word “microformats” at all. It is all “action” based. Which i think is good. My parents don’t need to know what microformats are to be able to “save to address book”. The better a technology is, the less of it you see. To most people, FireFox 3 knowing that there are 3 events in a page will just be magic. To any good web developer,they will want to know “how do i get my pages to have those options appear” and will learn more about microformats.

My dream would be that microformats become so ubiquitous that you don´t need to announce that they are in your page, it is just expected. Much like making valid HTML, you shouldn’t be proud and announce to the world “My HTML validates”, because that should be a baseline. It is like telling the world “I brushed my teeth this morning”, so what – i hope you did. If we evangelize enough, microformats will just become part of the HTML you produce on a daily basis.

[5]Søren: I maintain a list over danish web sites which is using microformats (The list does not incl. “rel-tag” web sites). The list is very short. For me it seems like microformats is very unknown in Denmark at the moment. Do you think that microformats can have a some language barrier? I am thinking about ‘classes’ for example are all in english [ like class="street-address" i hCard etc.] So a danish, swedish or finish web developer might thinking what kind of benefits will I get from using english ‘class’ names in my markup? So will we end up with microformats in small countries/languages is only something a few hard core techies is doing?

Brian: Microformats are small re-usable pieces of information, so I´d hope there isn´t much to remember and the barrier to entry is low. HTML is already (for better or worse) in English, so you need to understand what a <p> and <strong> mean relative to Danish. This learning comes from information in your own language, but what you write in is ultimate English. This is why it is important for sites like microformats.dk, microform.at, microformats.biz and others to be localized so more people can learn about what class="street-address" means in their own language and culture, just like you needed to learn what <em> meant.

I don’t think this is a huge drawback for the interoperability. Everything is a trade-off so a unified language for describing things makes it easier to adopt globally so we all know we are talking about the same things. The people I feel sorry for are the British English speakers, it is their native language, but to them all the spelling is wrong!

[6] Søren: You have been an invited expert for the GRDDL working group at W3C. How does the folks at W3C looking at microformats in the picture of creating a more Semantic Web? I have seen that Tim Berners-Lee is quite positive about microformats – (like this twitter message from Tantek Çelik “Tim Berners-Lee just called the microformats wiki “a special holy place ”)

Brian: The W3C is a big organization, but all the people that i have met like microformats – both as an idea and a technology. Their main concern is that microformats can not solve everything, they only cover popular aspects such as People, Places, Events, Reviews and a few others. Whereas with W3C technologies, such as RDF a you can just about describe anything you want, but as with anything there are trade-offs.

Up until a few years ago, there were only two options, HTML and RDF. Two pretty far ends of the spectrum. HTML was for the browser and human eyes, whereas RDF was for machines (and can hurt human eyes if you look at it!).

In recent years we are filling in that spectrum between HTML and RDF. We have the more complex, but can describe anything markup in RDFa or eRDF, and the more lightweight microformats that are easier to implement but have limitations. Then there is POSH and GRDDL to also add and extract semantics. We now have more choices and can select the best tool for the best job on any given project.

I think, from the people i have talked too, that everyone agrees anything which gives more meaning to the web is a good thing. If it has enough structure, then it can be converted to other formats, RDF, RSS, Atom, etc. so that existing tools that people are familiar with can use, understand and act on the data. Microformats do this extraordinary well for very little costs, so it is very much a positive thing for the Semantic Web.

[7] Søren: At the moment you are quite interested in OpenID working together with microformats. Can you tell a little about what the idea is behind all this?

Brian: sure, OpenID is away to authenticate yourself and prove you are who you say you are. Microformats can work with this to further describe more about yourself. For instance, i have a profile page at claimid.com/briansuda with an hCard and i can say that is me, but you just have to take my word for it. ClaimID is also my OpenID provider, so i can also prove that page is me by passing an OpenID challenge response system (username and password). I should be the only one who can answer that username/password so you can trust that i control that page which i am claiming is me. It is a verified way to trust the microformatted data.

I also like using OpenID for lots of other stuff too. Friends of mine have blogs, but don´t want to list a full hCard to the general public. So for the world, you can get their hCard with only an FN and country-name, but for friends to authenticate themselves with OpenID they can see a full hCard with email, tel, adr, etc. So OpenID is a way to white-list friends to sensitive data.

OpenID is a really interesting open technology which compliments microformats well.

I thank Brian Suda for taking his time to answer some questions here at microformats.dk. I really liked the word “semantic sugar” Brian used above and will used from now on (in danish translation). If some danish readers out there are interested in microformats, we maybe could start a danish barcamp etc. Please feel free to contact me regarding microformats.

Some reading stuff from Brian Suda

• Brian Suda (2007) – Microformats: More Meaning from Your Markup
• Brian Suda (2007) – Portable Social Networks: Take Your Friends with You
• Brian Suda (2006) – Using Microformats (PDF book)
• Brian Suda (2006) – Microformats Cheat Sheet (PDF – a must print out paper!)

Jeg ser frem til Firefox 3.0 version kommer, så skal der testes og fremvises hvilke features, man kan lave med microformats.

(billede under en CC licens)

Et godt forsøg på at vise hvor svært er microformats egentligt at lære i forhold til fx API. Kender du lidt til (X)HTML så er det ikke meget indsats der kræves for at lave fx et visitkort (hCard) osv.

Andet læsestof er fra Firefox 3.0 blog – Her fortæller de lidt mere om nye tiltag og features til Firefox 3.0 og lidt om hvordan X(HTML) sider der indeholder microformats vil med et cursor ikon fremthæves i FireFox 3.0 (se ideen i billede nedenfor)

Tilsidst er kun at sige, er dit webdomæne klar til, når der kører microformats tog for fulde hammer i Firefox 3.0?
Hvis du allerede bruger microformats, og ikke er med på den danske oversigtsliste – så skriv en kommentar.

Matthias har skrevet et superfedt User Script til Operator 0.8 plugin til Firefox 2.0. Dette User Script gør, at når du browser rundt og befinder dig på en webside der fx indholder et af følgende microformats hCard, hCalendar, adr, hReview, hResume, tag, geo, XFN, xFolk, license eller hAtom-hFeed, så kan du med et klik trække disse data ud fra Optimus værktøjet og få dem vist i XML eller JSON.

Før skulle du bevæge dig ind til Optimus værktøjet og dernæst indsætte URL’en til den webside du vil hente data fra.

Det ser også ud til at Optimus værktøjet har løst problemet med de danske æ,ø og å tegn og kanon! – Prøv at kigge på dette eksempel med hReview fra MitKBH.

Nå, tænker du og hvad kan jeg så bruge det til? – Det fulde udbytte som almindelige bruger pt. er at køre Firefox med Operator 0.8 plugin, der genkender microformats på websider. Her er et konkret eksempel – Under Fatter Eskilds side på Mangospot ses der i Operator 0.8 toolbaren, at der er 4 arrangementer (opmærket i hCalendar).

stream Rio online

Lad os sige at jeg ville på lørdag se Disneyland Law (D.A.D. cover). For ikke at glemme det – så med et enkelt klik kan jeg nu eksportere alle relevante oplysninger til mit kalendersystem (Outlook, iCal) på min computer eller til webbaseret kalendersystemer. Nedenfor er det vist med min Yahoo Kalender

Det er da smart ikke? Det kræver ikke den store indsats og tid fx at tilføje hCalendar til alle ens kommende begivenheder på eget websted. Som Sort Sol synger et sted om microformats “Let your microformats do the walking” lyt og se det selv

(Direkte videolink)

• Creating a Microformat Action User Script (Basic)

Jeg skal i denne forbindelse også gøre opmærksom på min opdateret Users Scripts version 2. Der nu understøtter de danske korttjenester Findvej.dk, Google Maps Danmark og Eniro Kort. Feedback og forslag til forbedringer modtages gerne.

Et eksempel fra Krevi. Under toolbar>Operator>adr>Olof Palmes Alle 13>Find på Findvej.dk

watch the adjustment bureau ful film

i am number four online divx

Sådan installerer du det nye danske Users Script version 2

1. Hvis du fik installeret version 1 – så gå i Toolbar>Operator>Options>Users Scripts>klik på dk-blogosphere1.js>Delete
2. Hent dk-blogosphere2.zip (rå JavaScript fil ses her)
3. Pak zipfilen ud på din computer
4. Gå til Operator 0.8> Options>User Scripts>New
5. Peg hen på på den JavaScript fil du før pakkede ud og klik så “Ok”
6. Genstart Firefox

God microformats surfing. Hvis der er nogen, der har forslag til andre webservices, til forbedringer eller har fundet fejl. Så hører jeg gerne. I Sverige har Pelle Wessman også lavet nogle Operator 0.8 Users Scripts til de svenske forhold. Så hvis der sidder en nordmand og læser dette indlæg, så kan vedkommende hurtigt lave et Operator 0.8 Users Scripts tilpasset Norge ved, at kigge på Pelle og mit JavaScript kode. Michael Kaplys liste over andre Users Scripts er også værd at kigge på, såfremt du vil i gang med at lave nogle selv.

(Billedekilde MozillaWiki under CC licens)

Fundet via The Web Design Journal

Du kan derved også opdage websider med Netscape 9, der er blevet opmærket med microformats. Andre nye funktioner i Netscape 9 kan ses her.

Du skulle nu se en toolbar i din Firefox, der ligner det, du ser i nedestående billede

Til Operator 0.8 er det også muligt at skrive egne “User Scripts”. Se et indeks her over Operator 0.8 “User scripts”. Men da JavaScript syntaksen i Operator 0.7 er meget anderledes end i Operator 0.8, så virkede det “User Scripts” til den danske blogosfære, jeg havde lavet til Operator 0.7 ikke i Operator 0.8. Jeg sendte en e-mail til Michael Kaply, om han kunne hjælpe. 5 timer senere sendte han en e-mail og havde løst problemet. Thanks for your help and support Michael!

Her er så vejledningen til installeringen af mit “User Scripts” til den danske blogosfære.

1. Hent dk-blogosphere1.zip (rå Javascript fil ses her)
2. Pak zipfilen ud på din computer
3. Gå til Operator 0.8> Options>User Scripts>New
4. Peg hen på på den JavaScript fil du før pakkede ud og klik så “Ok”
5. Genstart Firefox – det var alt

Når du så befinder dig på en blog/hjemmeside, der benytter microformattet “rel-tag” korrekt, så kan du hurtigt bevæge dig rundt i nogle danske tag spaces og se hvad andre bidrager med af samme skuffe “tag” som fx kan ses på Overskrift.dk. som vist i billedet nedenfor.

wake wood film downloads

Fik du installeret Operator 0.7? – så gå til options ud til højre i toolbaren i din Firefox. Options>General og kryds så felterne af som du ser i nedenstående billede.

Operator 0.7 giver også mulighed for lave sine egne “User Scripts“. Jeg har lavet et “User Script” tilpasset nogle danske sociale webtjenester. Du downloader først min zipfil. (JavaScript råkode kan ses her). Pak zip-filen ud.

Du går i Firefox til Operator toolbaren : Options>User-Scripts>New> peg hen hvor du pakkede filen ud> og så “Ok” Billedet nedenfor viser hvad du også gerne skulle se nu. (NB – minus grddl.js)

watch alice in wonderland in good quality

Genstart Firefox. Hvornår begynder så det sjove? – Hvis du sidder og læser denne her side via Firefox nu, så skulle der gerne i Operators toolbar være sket noget.

Prøv at klikke rundt med de forskellige muligheder. I det danske “User Scripts” tilføjede jeg Overskrift.dk, MitKBH, KBH360, 23 home og ComputerWorld. Hvis du har forslag til flere danske sociale webtjenester, der skal med i “User Scripts” – så skriv en kommentar.

Det her er totalt sort snak, og hvad sker der egentlig? – I de par næste indlæg graver vi helt ind, og begynder at se på de forskellige microformats. Jeg vil også forklare nærmere hvad Operator har gjort i ovenstående eksempel samt hvad du så kan bruge det til.

Jeg vil med simple eksempler vise opbygningen (syntaks), værktøjer der er udviklet specielt til microformats, og ikke mindst hvad det så kan bruges til rent praktisk. Jeg vil vise eksempler på, hvad aktører som fx Technorati, Google, Yahoo, Wikipedia og udviklermiljøet omkring WordPress har gjort af smarte ting med microformats. Microformats bygger på et princip om design for humans first, machines second. Dette virker meget højtsvævende ved første øjekast, men mit håb er ved at vise rent praktiske eksempler, at få bragt dette ned til jorden, så pointen i ovenstående princip giver mening.

Microformats.dk skal læses som en appetitvækker, så du får lyst til selv at gå videre. Jeg vedligeholder også en liste over det bedste litteratur, der er blevet skrevet som begynder introduktioner til microformats.

Du får det bedste udbytte af den kommende tids indlæg om microformats ved at

• benytte Firefox
• installere Operator 0.7 plugin til din Firefox
• printe Brian Sudas Microformats Cheat Sheet ud (1 A4 side) og have liggende ved siden af din computer
• bruge gerne “Vis>Sidens kildekode” en del for at se syntaksen for de forskellige demoer, og andre websteder jeg sender dig til i den kommende tid. Tips: hvis du ikke allerede har Chris Pedericks Web Developer extension til Firefox, så installerer den også
• evt. starte en HTML-editor op og lege rundt med eksemplerne selv

Jeg hører altid gerne fra personer, der i Danmark er begyndt at eksperimentere med microformats. Drop en kommentar med evt. links til din side.