Google turned 10 this week, from a simple university search project to a 20.000 employees strong company. Google also seem to have come full circle by introducing their own (open source) browser this week, Google Chrome:

Google Chrome is a browser that combines a minimal design with sophisticated technology to make the web faster, safer, and easier. Read about why we built a browser.

They introduced Chrome using a cartoon, which not only acts as a clever viral marketing tactic (accidently leaked, oRLY?), but it also explains why they released their own browser and how it tries to improve the internet experience for people, making complex information simple.

On the surface, we designed a browser window that is streamlined and simple. To most people, it isn’t the browser that matters. It’s only a tool to run the important stuff - the pages, sites and applications that make up the web. Like the classic Google homepage, Google Chrome is clean and fast. It gets out of your way and gets you where you want to go.

Chrome is based on WebKit, the same HTML engine powering Apple’s Safari browser, and a new V8 JavaScript engine. While the last couple of years we’ve seen browsers adhere more and more to WebStandards (especially improved CSS support, finally in IE8), we might get confronted again with JavaScript incompatibilities (client-side storage, text-node serialization, timer delay,…) due to these new JavaScript engines being introduced. Although these JavaScript engines do support the ECMA language standards, they do a lot more under the hood to improve JavaScript performance.

And you have to wonder, with a User-Agent string like Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13, is the User-Agent still useful?

Google doesn’t make any money out of their search, nor with this browser, they make money with advertisements. So the question begs itself, will we see adverts in Chrome? Will it be limited to Google Search? Questions being answered on Matt Cutt’s blog, but you have to wonder, even if you are using an other search provider, they could still pick up anything you do in Chrome, what you’re searching for, what you click on, as if you were using their search. Not really, it is open source, and it is ‘easy’ to see what exactly it is doing.

I’ve been using it at work this week, and I’m glad my stuff still works (contrary to the new IE8 beta 2, which I’ll need some more time investigating). I like most of its chrome’s aesthetics, its simplicity, but I really don’t like the baby blue though. The incognito mode looks a little bit nicer. I like the task manager and ‘stats for nerds‘, and the WebKit based dev tools. Also try about:memory, about:stats, about:histograms, about:internets, and about:crash in the ‘Omnibar’.

I’m also amazed at how Windows app development has stagnated so much since, well, ever. I mean, Chrome doesn’t look like a Windows app, same as Apple Safari doesn’t look like a Windows app, and I mean that in a good sense. Same reason I like AIR-based apps which don’t look like drab Windows apps.

I wasn’t using Safari all that much on Windows, but I might use Chrome a bit more (even when the Mac version is released, so I can use it at home), though Firefox (and the upcoming 3.1) will still remain my main browser. And that always has been the main problem. Sometimes, for some people, just good is good enough. That’s why we’re still stuck with lots of IE6 visitors. But the might of Google may well change things, by paying hardware vendors (the HPs, Dells in the world) to have Chrome as the default browser on their hardware, same way they do to have their browser toolbar included.

The Mac and Linux versions are in the works. The cartoon talks about extension, but currently they don’t offer any.

Google Chrome is another option for people. It forces the other browser developers to take notice. Though it looks like we’re heading for another browser war this summer (hey, I’m down under), this one will take the web forward. Progression is good, and we really need a big leap now. Bring ‘em on, all at once.

So, who is today’s startup Google, and where will they be in 10 years time?

PS: Two weeks ago Microsoft released their IE8 beta 2 to the broader public, as well as Apple releasing Safari 4 beta for developers, and Firefox has a 3.1 version available too. Good times!

Category: Javascript

Author: JJ Halans

Tags: Google, Microsoft

Aza Raskin of Mozilla introduces a new experimental (alpha 0.1) project, called Ubiquity, a power user’s CLI extension for Firefox. It integrates Google Maps/Translate/Gmail, Twitter, Digg, Wikipedia, TinyURL,… and allows the user to mashup content himself, through a command line. It’s very similar to PodiPodi, Catalog/Devo extension, but being developed backed by the Mozilla community.

Empower users to control the web browser with language-based instructions.

Enable on-demand, user-generated mashups with existing open Web APIs.

Use Trust networks and social constructs to balance security with ease of extensibility.

Extend the browser functionality easily.

Ubiquity for Firefox from Aza Raskin on Vimeo.

Three minutes into the video, a demo of Craigslist and mapping a number of rental unit addresses, and the note that this would take advantage of microformatted data, exactly like my own little project, Mapanui.

You can extend Ubiquity by writing your own commands (and share them with the world), using JavaScript. Ubiquity also uses the fab jQuery library (obviously) for rapid JavaScript development (though not using $ but jQuery for compatibility).

A nice push for microformats and an Open Web.

Something to keep an eye on, and look forward to full Firefox 4 integretion.

Category: Javascript, Microformats, Semantic Web

Author: JJ Halans

Tags: Aza Raskin, browser, firefox, Microformats, open Web APIs

Short and sweet: HTML 5 offers custom data attributes on HTML elements, intended to store custom data, which can then be handled on-page by JavaScript, or off-page by other (web-)applications.

John Resig discusses a number of useful benefits.

Category: Javascript, Semantic Web

Author: JJ Halans

Tags: attributes, HTML, Javascript, semantic web, semweb, w3c

PodiPodi is a web-based command line interface like Quicksilver (on Mac) or Enso (on Win) for the desktop:

“A special widget which integrates a smart command line interface and a bunch of additional services directly into your website to perform common web-tasks”

PodiPodi offers an alternative UI to your website for power-users. By hitting a shortcut like Ctrl+z you get a jQuery powered command line widget which gives you additional information on the site, a sitemap, Flickr pictures, google search,… Have a play at their playground.

“PodiPodi” doesn’t really roll of the tongue very well though…

An alternative to PodiPodi (which requires web developers to integrate this into their site) could be a Firefox extention like Catalog which puts the same powerful command line interface under your fingers, but then for every webpage you visit. Unfortunately active development seem to be stalled.

Both apps show the power of extending your website under the hood, giving your visitors more power on how they navigate and use your website.

Category: Javascript, Microformats, Semantic Web

Author: JJ Halans

Tags: cli, command line interface, Javascript, Microformats, web developers, web-tasks

HTML describes documents, and the link between documents.

We read these documents, we print them, bookmark them for later retrieval. We might copy/paste content into another document, constructing a new one.

If we wanted to automate this, we’d resort tot screen scraping. But this easily breaks, as there’s no standard or “contract” between the original site and the screen scraper.

Or we’d go for duplicating content into a new format like XML, with an agreed upon format. That way we could build product price aggregators using SOA Web Services with SOAP, WSDL,… Or use a REST architecture which takes us a bit closer back to our original HTTP request.

Most popular formats for sharing (XML) data is RSS and Atom, were again we duplicate the content we publish online.

But we’ve come a long way last couple of years, towards Web Standards, pushed by organisations like the Web Standards Project (WaSP) and Web Standards Group (WSG). They promote standards for separation of content, styling and behaviour, and the use of semantic HTML.

And then there’s the W3C, who promotes the Semantic Web as knowledge representation, using Resource Description Framework. RDF is a general method of modelling information making statements about resources in triples. Triples represent a subject-predicate-object expression, for example JJ - isBornIn - Belgium.

The W3C’s Web Ontology Language, or OWL, provides additional vocabulary and formal semantics, providing greater machine interpretability of Web content, but with added complexity.

But as of yet there isn’t much RDF data online, or ontologies are missing for many application domains. The W3C’s projects are rather academic, and aren’t close to any web developer’s mindset.

What is closer to the web developer though is semantic HTML, the correct use of heading levels and paragraphs to introduce structure, blockquotes and correct use of tables, for tabular data.

Now we add rich semantics, standardised Microformats. They are small pieces of metadata, within the markup, using CSS. They are discoverable, interpreted by machines.

Category: Javascript, Microformats, Semantic Web

Author: JJ Halans

Tags: Javascript, Microformats, rdf, screenscraping, semweb, xml

Smarten up your markup and publish once, publish anywhere:

| View | Upload your own

Category: Javascript, Microformats, Semantic Web, Server Side

Author: JJ Halans

Tags: api, barcampsydney, css, hinclude, markup, mashup, web2

A couple of nice write-ups on how to scrape HTML using innerHTML at Pathfinder Development:

A common solution has been to proxy and scrape an application with a combination of XQuery and TagSoup (to fix the ugly, broken HTML, dontcha know), but it is possible to do this purely in the browser.

or with jQuery, as Jan Varwig describes:

Fortunately, just the day before, I discovered jQuery, a Javascript framework with strong support for finding DOM-Nodes via CSS, XPath and some custom selectors. The tricky part now was to get jQuery to access the DOM-Tree of the schedule page on kino.de.

Of course, screen scraping would be so much easier using Web Standards.

Category: Javascript, Semantic Web

Author: JJ Halans

Tags: DOM, HTML, innerHTML, Javascript, jquery, screen scraping, screenscraping