an ordinary blog — andr3.net

This feels weird to write in English, since the talk was in lang="pt" but while I don't get around to getting a Portuguese blog up and running, this will have to do.

Earlier today I gave a training session at SAPO to try and spread the microformats love among the team. The goal was to give an introduction to microformats as a whole and also provide some technical information regarding the implementation of some the major formats.

Feel free to leave any feedback in the comments. Criticism is more than welcome, thanks.

I'm releasing the slides under cc by nc sa 2.5. You can either download the pdf or view the slides I uploaded to Slideshare below (in Portuguese).

read on about: Microformatos: pequenas peças do puzzle - slides

I have to leave this post here, due to some problems that happened on my rss feed a couple of weeks ago and are now bitting me in the ass.

Ignore this.

Firefox 3 is coming out tomorrow, the 17th – don't forget to download it! – and here's what I'm looking forward to the most:

1. THE Icon

   It's been announced that no other than the original creator for the beloved Firefox icon, Jon Hicks, has been working on a new one! I love his work so much, that I can only expect great things for this new version.

   
   

   UPDATE: Ops! According to this thread on Google Group mozilla.dev.apps.firefox, they dropped the logo for this release! As if postponing revealing µformats wasn't enough droppin'... :(

   
   

2. Extensions Add-ons

   With both a Microformats API, created by none other than Michael Kaply–from Operator's fame–and also SQLite available to extension developers, I'm hoping this version takes Firefox extensions and Microformats to the next level. If you're developing a toolbar for your service, it will be a piece of cake to grab µformats data from webpages and import them directly to your service. After writing a user-script for Operator, I'm certainly curious. If you're into Add-on developing, here's a tutorial on developing Add-ons for Firefox 3 using the Microformats API.

3. Anti-aliased border-radius and other CSS goodness

   You'll still have to use the Mozilla-specific property -moz-border-radius but at least the result will be far better looking than previous versions (2.x). Check the screenshot.

   
   
   And believe me, it makes a difference!

   
   You can check the rest of the CSS improvements by going through the list, but I, for one, am specially salivating for RGBA and inline-block. Too bad we-know-whom will take forever to catch-up.

4. Offline stuff

   Events and storage! What more can I say? I'm definitely going to check it out. With IE8 pointing towards the same, offline webapps will become hotter and hotter.

5. Reviving mailto links

   The ability to choose Web applications to handle special protocols, is going to greatly improve the experience of using webapps as a whole. Composing new mail messages by simply clicking on mailto: links, adding events to online calendars or contacts to online address books. It was a missing piece of the puzzle of online productivity tools. Me like-y.

Everything else...

It's not like the rest doesn't matter... The address bar, the phishing explicit warnings, the download manager, the add-on downloader straight from the browser chrome, quick bookmarking, native theme for MacOS, Vista and Linux... All awesome stuff! But if I had to pick out 5 items, those would be them.

I'm ready. Ship it!
Oh! And have yourself a merry Download Day!

If you want more, make sure you read the Field Guide!

After a shy tweet amidst today's ruckus by whoever is behind microformats.org account at twitter, I had to put this up here.

Yahoo! had talked the talk but they also walked the walk! You can now search pages with microformatted content! Just include the too long keyword: searchmonkeyid:com.yahoo.uf.<format> in your search.
(read the blog post on YDN)

Not only that, there's already plenty results in the wild! Have a look at these numbers:

1. hCard — 1,150,000,000 pages (!!!!!)
2. hCalendar — 84,700,000 pages
3. hReview — 43,300,000 pages
4. hAtom — 304,000,000 pages
5. xfn — 261,000,000 pages

Remember. These numbers represent number of pages with at least one occurrence of the chosen microformat. So, in reality, there's a lot more individual fragments of µfs out there!

Harness the power of semantic content

You can now search the hell out of these contents! Here's a few examples:

• Search yourself (in this case, me).
• Events in Lisbon
• Web Conferences in 2008
• Pearl Jam reviews
• You try it...

Yesterday was RSS Awareness Day and I forget to mention it here. Apparently we're supposed to give a push forward to RSS, make even more people aware of this centre piece of the Web as it stands today. So here goes my share, even if belated by one day.

The Video

If you don't know what RSS is, you probably haven't watched this yet. Please, do so now.

↑ Commoncraft: RSS in Plain English

More?

If you didn't get it, don't feel bad. Watch it again or if you don't understand english very well, back in the day (august 2005) I wrote a little piece about them in Portuguese. Introdução às Feeds.

Also, over at the Mobifeeds blog, I wrote Publishers who don’t understand the medium they’re in. Go have a look, if you're publishing feeds somewhere.

RSS, Atom or RDF?

Technically speaking, why do we refer to all feeds as RSS? There are other formats like Atom and RDF that, albeit offering more features in terms of describing pieces of information, are more complex. They are still used, but over time, RSS became synonym for "feeds". Thus, the KISS theory proves itself yet again. RSS established itself by its simplicity.

As a send-off, I'd like to share a recent quote that stroke home. Specially, given the slow pace of this blog.

I don't get why people unsubscribe from feeds that aren't updated often... that's when you SHOULD be subscribing so you don't miss the gems.

– Simon Willison on twitter

I'm glad some of you are still around, thanks to this beautiful piece of the puzzle.

Happy RSS Awareness Day, everyone. Belatedly.

In CSS3 Selectors Working Draft

Editors

Daniel Glazman (Invited Expert)

Tantek Çelik (Invited Expert)

Ian Hickson (Google)

Peter Linss (former editor, Netscape/AOL)

John Williams (former editor, Quark, Inc.)

I've been meaning to write this post ever since Alcides wrote his post: Sorry Tumbleloggers. There, he wrote about the tumblelogs, which Wikipedia says is a variation of a blog, that favors short-form, mixed-media posts over the longer editorial posts frequently associated with blogging.

From where I'm standing there's a fine line between tumblelogs and lifestreams. Lifestreams are aimed at aggregating all content one generates throughout the web... while tumblelogs are aimed at gathering interesting stuff we find around the web.

My point is... since the dawn of time blogging that people have been spitting posts left and right and patterns are easily identified. Let's give it a shot...

• Link or Quick posts - those posts which are basically a list of interesting links.
• Listening to... - It was/is very common to find posts in which the blogger states what he/she was listening to while writing the post.
• Video posts - recommending one or more videos
• Pic Posts - showing off some impressive photo
• Quick updates (microblogging) - those one liners cursing at the skies for some odd reason a.k.a. ranting
• and so on...

The funny thing is... nowadays we can find one or more services on the web that provide a much more specific context - not to mention extra functionality on their own websites - than a generic blog post. Let's have a look...

• Link posts - del.icio.us (or my favorite, Ma.gnolia)
• Listening to... - last.fm
• Video Posts - Youtube's Favorite Videos example
• Pic Posts - Flickr
• Quick Updates (microblogging) - twitter/jaiku/pownce

As you can see, we are past the point were we must confine ourselves to a generic format, a blog post.

Put your content where it best fits!

Subscribing

Of course people don't want to subscribe to 10x different feeds just to know what you're up to. So, instead, setup a lifestream so that people who want to follow you everywhere, can.

One thing to bear in mind is, feeds have different paces. You don't want each song you listen to be published as one RSS item. That's what God invented daily digests for. Feeds with such high paced content, like last.fm and maybe ma.gnolia/del.icio.us should be bundled up so that the reader isn't overwhelmed with more than he/she can handle.

I, for one, wish I could follow some of you via a lifestream. Instead of watching 4 feeds for my pal Billy aka Pedro Eugénio (blog in Portuguese, blog in English, twitter, ma.noglia, etc.), it would be cool to have only one entry on my feed reader for him. From the top of my head, I can think of a dozen other people I'd be interested in subscribing to their lifestream. Of course others, like the great Zeldman, I'm fine having only his blog aggregated.

So, Alcides, it's ok for people to find other places to generate content (including tumblr), as long as that doesn't involve me having to add yet another feed to my reader.

Why don't you get a lifestream?

You think people don't care? You could be surprised. I'm very picky with my platforms, which explains why I've written two blogging platforms instead of using Wordpress. Thus, it won't come as a surprise that I've written a simple PHP5 platform to grab your content and show it like this (you can see it live at andr3.net/stream).

I have plans to distribute this openly, but it still lacks a touch here and there. If you're willing to try it out, beta test it if you will, contact me (sorry, no contact form for andr3.net yet). Requires PHP5 and MySQL 4.x.

If you don't want to run it on your own server, try lifestrea.ms. (You need an invite code first.)

Now we're talking. This is what I was hoping Open Social to be...

But I'll let Brad give you the introduction...

So that is what he's been up to! (makes sense)

Give the demos a try.

This is yet another great push forward to microformats (xfn) and the FOAF project.

It's been a long while since I've shared my views on a movie (last one was Narnia), but if you'll indulge me, there's somethings I need to say about this movie. If you want to have a look at the spoilers, bump up the text size a notch or two and don't read this inside feedreaders. Some of them strip down style information. Don't say I didn't warn you.

The buzz, the hype

Last summer, there was a huge buzz online about this weird, eerie trailer that had preceded the Transformers movie. The trailer surfaced online a bit later and everywhere around the web you could see people speculating about it. That's where this whole hype started. And rightly so... what's better than to have every thrill-seeking movie-goer biting their nails off for six long months?

The juice

I'll only scratch the surface to avoid spoilers, but I'd like you all to know that the best thing about Cloverfield is not what it does... it's what it doesn't do. That would be explaining. Just like you wouldn't know much if you were caught in the middle of all that, the screenplay isn't guided so that the viewer understands what is happening, where the threat came from and what exactly are the military trying to do to protect us. None of the usual clichés of disaster movies.

You're not watching a movie, you're experiencing the disaster with them. specially if the theatre has loud speakers and make the room rattle a bit.

Oh! Speaking of that... I don't believe this movie would be half of what it is if it weren't for the sound. It was astonishingly good. <tiny spoilers!> The monster muffled stumps when they're in the subway, the military sending a rain of rockets towards the monster, helicopters flying over their heads, a tank being squashed like a bug... I could go on. Seriously. </tiny spoilers!> It all made a lot of sense when I noticed during the closing credits that the sound effects were done by Skywalker Sound, a LucasFilms company. That explained a lot.

I have to say, before watching this, I thought it would be Godzilla meets The Blair Witch Project. Now, I know, it's Children of Men (character pov) meets Godzilla (monster) meets 9/11 (mass hysteria).

<tiny spoiler!> Also, to conclude, it was remarkable how they found a way of telling a love story without much whining. By letting us know that the documentary was being taped over some kind of romantic memories, throughout the movie they throw us quick glimpses at their previous lives. Remarkable touch, I tell you, remarkable. </tiny spoiler!>

My final advice is, if you can handle great suspense, sudden rushes of adrenaline and loud bangs, you're in for a treat. Not only is it scary, it's clever too. You might want to stick around for the closing credits. It features an amazing overture performed by the Bratislava Orchestra, which compensates for the required lack of musical score. And if you can, stick around to the very very end. ;)

(pardon me for the string of negativity)

As soon as I started reading Aaron Gustafson's article on ALA #251 Beyond DOCTYPE: Web Standards, Forward Compatibility and IE8 I knew this wasn't just another "best practice article". This was going to throw the entire web-constructing community into an uproar.

Ever since I got into the web standards groove, circa 2003, I remember finding experts blogs (for example simplebits, mezzoblue, meyerweb, etc.) great places to find insightful comments on best practices and real world code, embedded on their own sites. A List Apart, a magazine, has always been a the beacon of excellency throughout the years. That was why today's issue has created - and will continue to create - such an echo!

Aaron announces a feature that will be a part of IE8 called version targeting that basically allows developers to "freeze" their websites in a given version of a given browser - they expect to have other vendors implement this. This was driven by the fact that many websites "broke" when IE7 saw the light of day. Not because IE7 was worse, but because websites were custom-made for IE6, which included several bugs. When these were corrected in IE7, websites broke.

Now, Microsoft doesn't want the same to happen again with IE8, so their "vision" is to give the option to the developer to choose which render engine his/her website should be rendered with. By spitting an HTTP header (or meta tag) with X-UA-Compatible: IE=7, IE8 will load the IE7 engine and ignore the improvements made in the newest version of their browser. At least this way, websites won't break.

Despite some criticism, it's basically the reverse of the hated browser-sniffing of the late 90s. It's actually forcing the browser to adapt to the code in the page and not the other way around. Despite all this, I honestly think that's not the answer. Freezing browser engines in time cannot be the answer.

For the sake of keeping my sanity, I won't even touch the subject of IE8 behaving like IE7 if you don't opt-in using the HTTP header or the meta tag, I'll let you follow that link and read what Jeremy had to say about that. Please, do.

I just think we could use what we have instead of creating more mechanisms that will generate more entropy. We already have Conditional Comments and to be honest, out in the field, at work, I've frequently felt we could use the same mechanism for other browsers (Firefox, Opera...). Why not use that for fixing the "broken" websites by newer versions? Use a stylesheet specific for IE8 and fix your mess! Pronto.

I just can't get behind this concept. But I'm open to discussion, if you think you can persuade me, please do so in the comments. Even if Eric Meyer comes out in Aaron's defense, I see this as a huge blow to the web standards effort. It's like saying ok, we lost the war, let's just find a way of saving everyone some time and be done with it. It's making each render engine their own little standard and allowing lazy developers to get away with it. Is this the web we want for our children??

Also, I can't see a future where every browser out there has to carry their old render engines on their backs.

Can you?

Further Reading

If you want to know more, read this:

• Microsoft's Version Targeting Proposal @ Webstandards.org
• IE Lock-in @ Annevankesteren.nl
• Compatibility and IE8 @ IEBlog