Browser Web Design

Client projects and tech blog posts about Browser

One of the great things about Web 2.0 is the empowerment of average users. With Twitter and Facebook pages, individuals can now respond back to companies and organizations with a few strokes of the keyboard. Google's recently entered the fray with an intriguing project called Sidewiki. Once again, companies and nonprofits interested in managing their online brands need to be aware of the new medium and how to track it.

What is Sidewiki?
Google started its sidewiki project in September 2009. It's a sidebar that can attach to any page on the internet via the Google Toolbar. Users gain the ability to comment on any page on the internet. Google uses a ranking system based on votes and various algorithms to determine the order of the comments.

When a user of the Google Toolbar visits a page with Sidewiki notes they see a small blue button of the left side of the page with two white chevrons (see screenshot on the right). Clicking on this opens the Sidewiki sidebar. Here they will see comments left by previous visitors. They are be able to add their own comments.

Visionaries have long dreamed of a web with this kind of two-way communication but similar sidebar commenting systems have failed to gain enough momentum to become viable. If this were just another venture-capital-fueled attempt, it would be something marketers could ignore unless and until it became widely used. But with Google behind Sidewiki, it's a service we need to take seriously from the start.

Users Talking Back
When we put together websites, we get to control the message of our little corner of the internet--we have the final say on the material we present. If Sidewiki becomes popular, this will no longer be true. Fans, disgruntled employees and competitors can all start marking up our sites--yikes! But those brands that have embraced the Web 2.0 model will love another place where they can interact with their audience. Today's marketing goal is mindshare--how much of a user's attention span can you win over. The more you get visitors to think about your brand or your message, the more likely that they will buy or recommend your product or service. You need to be active on whatever online channel your audience is using.

Watching the Conversations
What's a good brand manager to do? The first thing is to make sure you have the latest version of Google Toolbar installed on your working browser (get it here) and that you have the Sidewiki service enabled (I've started a Sidewiki for this entry so if it's working you'll see the blue button in your browser).

Brand Management
Google allows website owners the first comment. If you are registered as the owner of a site via Google Webmaster Tools, then you get first say: when you post to the Sidewiki of a page you control, Google gives you the top spot. This is very good. Should you do it?

Probably not. At least not yet. I don't see people using Sidewiki yet. Most websites still don't have any comments. Even Google's projects often fail to gain traction and there's no guarantee that Sidewiki will take off. If your page doesn't have any comments, I wouldn't recommend that you make the first. If there are no Sidewiki entries, the blue button won't be there and visitors probably won't even think to comment.

If you notice that a visitor has started a Sidewiki for your site by leaving a comment, then it's time to log into your Google Webmasters account and leave an official welcome message. Even though you're second to the conversation, you will get first position thanks to your ownership of the website.

The introductory note should briefly welcome visitors. It will appear alongside your website so there's no need to repeat your mission statement, but it is a place where you can give helpful navigation tips and stress any actionable items that the casual visitor might miss. You might consider inviting visitors to sign up for your site's email list, for example.

The Future
Users can tie their Sidewiki comments into Twitter and Facebook accounts. They can leave video comments. If the service takes off there will surely be a mini-industry built around comment optimization. Spammers will get hard at work to game the system. But none is really happening now. Despite a bit of fear-mongering on marketing blogs, Google Sidewiki is a long ways away from being something to lose sleep over. 

More Information:


Categories: Practical 2.0
Tags: Algorithm, Attention Economy, Brand Management, Brand Manager, Comments, Competitors, Conversation, Facebook, Fans, Google, Google Toolbar, Google Webmaster Tools, Marketing, Mindshare, Sidewiki, Techcrunch, Twitter, Web 2.0, Wikipedia | Edit
screen-shotMy Twitter followers will know I've been slightly obsessed by Google's new browser, Chrome, since word leaked that it was going to be released today (Tues, Sept 2). I've been hitting reload on the download site fairly obsessively. A few minutes ago my persistence was rewarded and I'm writing to you all from the new browser (here's the official release announcement).

Why a New Browser?!?

Before I begin, let me recommend the Google Chrome online comic book for those with tech interests. Google does a good job explaining why they've joined the browser wars. At first glance it seems a needless move: they already fund much of the development on the open source Firefox browser. But Firefox, like Microsoft Internet Explorer and every other browser, is built around certain assumptions about how browsers process applications. Google is starting from scratch and thinking about the browser as an operating system running increasingly sophisticated applications (like Gmail). Chrome separates memory process and internet permissions in new ways.

Obviously, Google is going after Microsoft (the initial release of Chrome is Windows only)--not just its browser but its Vista operating system as well. With the expansion of high speed internet access and so-called "cloud computing," functions that used to require stand-alone clients can now be handled inside the browser. Email has probably become the most widely adopted browser applications but you can also do things photo editing and video recording through the browser. Google knows that once an application is running inside a browser, the operating system doesn't matter. Gmail works equally fine from Vista, Mac OS X, or Linux.

It is in Google's strategic interest to advance the state of browser technology and they do that with Chrome. But it is in the interest that everyone have access to these latest innovations and that all browsers can run the most sophisticated applications Google engineers can put together. So Chrome is open source and Google invites other browsers to incorporate many of its features.

First Thoughts on the Product:

The download was quick and easy (of course).

I was surprised that when installing it only offered to import my MS Internet Explorer bookmarks. My most complete and up-to-date bookmark list is in Firefox (synced among my operating systems by the excellent Foxmarks extension).

I went pretty immediately to Gmail. Google says they've rewritten a lot of the background rendering code from scratch and I was expecting to see instantaneous loading. Frankly, it seemed to load as quickly as it does in Firefox. Any apparent speed increase isn't immediately obvious (this is a testament to how fast they've managed to get it to load in all browsers).

speed-dialThe interface is very simplified: few buttons, tabs up top, no status bar. There's a lot of surprises here, like an automatically generated page with thumbnails of your most frequently visited sites (see image, right), an idea borrowed from Opera browser's "Speed Dial" feature (available through to Firefox users through the Speed Dial extension).

gmail-as-app You can also "Create application shortcuts" which turn services such as Gmail into client-like applications that sit on your desktop (screenshot right). Open them up from here and the normal location bar and browser buttons are gone.

There's a lot more to explore here. It's obvious that Google has put a lot of thought into this. I'm not going to dismiss any feature or oddity too quickly. They helped a lot of us rethink how we organize email using a single "Archive" folder instead of the elaborately-maintained folder hierarchy. Google actually have put out a number of half-baked and under-supported services (Froogle and Google Checkout come most immediately to mind) but it's clear that the Google Chrome browser is a very serious initiative by the company.

Will I Use It?

The big question, right? Actually, I won't use it much for now. For one thing, I'm a Mac user. I have a Windows XP virtual machine running most of the time courtesy of VMWare's Fusion. I'm sure Google has set a high priority to make Mac OS X and Linux versions of Chrome--they're whole strategy rests on this being woven into the browser lingua franca that keeps Microsoft's Vista at bay, remember?, but until that time Chrome won't be my natural first choice.

But I'm also going to miss my Firefox extensions. I forgot that the web has lots of ads (Adblock Plus). And I don't like the extra clutter of Gmail without Better Gmail 2 (just the "Folders4Gmail" feature of the latter saves my eye more scanning time than any speed tweak Chrome delivers). And these days the Web Developers Toolbar, Lastpass, FireFTP extensions are pretty essential to my work day.

But if a native Mac version was released? And if Firefox extensions started being rewritten for Chrome? I just flipped back to my regular browser to check something and even after an hour with Chrome, Firefox felt so heavy and clunky. It is possible to see Chrome could a serious contender for my attention.
Categories: Practical 2.0
Tags: Bookmarks, Browser, Firefox, Fireftp, Gmail, Google, Google Chrome, Internet Explorer, Lastpass, Linux, Mac Os, Opera, Twitter, Vista | Edit

I just purchased a MacBook and have the joy of learning a new set of routines and programs, all while reconfiguring my services again. I've used Macs in various work settings but the bulk of my development time has been on Windows, most recently XP.

I will recommend VMWare's Fusion for other Windows users making the switch. Fusion is an $80 program that lets you run Windows through Mac (you have to pay for a fresh version of Windows, a copy of XP put me back $200 at Staples). Apple has an alternative called Boot Camp which lets you install Windows so you can start up in it when you start your computer. This presumably runs faster (there's no Mac OS overhead while in Windows) but Fusion is much more practical since I'm using simultaneously with my Mac programs. The speed is fine, even with lots of Mac programs running. Fusion is also more flexible about disk space allocations.

I'm quite amazed about what it can do. Netflix's Watch Now service is unavailable for Macs but runs fine through my Fusion-powered Windows XP. The Rhapsody music client also works and I'm listening to music as I'm running my Mac programs. In an amazing feat, I was able to use Rhapsody to sync songs on my Palm T/X via USB cable. This is Windows XP running atop Mac OS X syncing digital rights managed-protected data with Palm OS over USB. Really amazing that it all worked!

I'm sticking with Windows XP because of all the nightmare stories I've heard about Vista, but also because it uses less memory and so will run faster. Also, I know XP very well and don't really relish the thought of learning a whole new system in addition to Mac OS. I'm presuming that over time I'll use Windows less and less and will just have it for browser cross-checking purposes and to run the occasional Windows-only software like Rhapsody and Netflix.

Categories: Windows to Mac
Tags: Mac, Netflix, Os, Palm, Rhapsody, Windows | Edit
RSS feeds are the lingua franca of the modern internet, the glue that binds together the hundreds of services that make up "Web 2.0." The term stands for "Really Simple Syndication" and can be thought of as a machine-code table of contents to a website. An RSS feed for a blog will typically list the last dozen-or-so articles, with the title, date, summary and content all laid out in special fields. Once you have a website's RSS feed you can syndicate, or re-publish, its contents by email, RSS reader or as a sidebar on another website. This post will show you a ridiculously easy way to "roll your own" RSS feed without having to worry about your website's content platform.

Just about every native Web 2.0 applications comes built-in with multiple RSS feeds. But in the real world, websites are built using an almost-infinite number of content management systems and web development software programs. Sometimes a single website will use different programs for putting its contents online and sometimes a single organization spreads its functions over multiple domains.

Step 1: Make it Del.icio.us

To begin, sign up with Del.icio.us, the popular "social bookmarking" web service (similar services can be easily adapted to work). Then add a "post to Del.icio.us" button to your browser's toolbar following the instructions here. Now whenever you put new content up on your site, go that new page, click on your "post to Del.icio.us" button and fill out a good title and description. Choose a tag to use. A tag is simply a category and you can make it whatever you want but "mysites" or your business name will be the easiest to remember. Hit save and you've started an RSS feed.

How? Well, Del.icio.us turns each tag into a RSS feed. You can see it in all its machine code glory at del.icio.us/rss/username/mysites (replacing "username" with your username and "mysites" with whatever tag you chose).

Now you could just advertise that Del.icio.us RSS feed to your audience but there are a few problems doing this. One is that Del.icio.us accounts are usually personal. If your webmaster leaves, then your published RSS feed will need to change. Not a good scenario, especially since you won't even be able to tell who's still using that old feed. Before you advertise your feed you should "future proof" it by running it through Feedburner.

Cloak that Feed

Go to Feedburner.com. Right there on the homepage they invite you to type in a URL. Enter your Del.icio.us feed's address and sign up for a Feedburner account. In the field next to feed address give it some sensible name relating to your company or site, let's say "mycompany" for our example. You'll now have a new RSS feed at feeds.feedburner.com/mycompany. Now you're in business: this is the feed you advertise to the world. If you ever need to change the source RSS feed you can do that from within Feedburner and no one need know.

The default title of your Feedburner feed will still show it's Del.icio.us roots (and the webmaster's username). To clear that out, go into Feedburner's "Optimize" tab and turn on the "Title/Description Burner," filling it out with a title and description that better matches your feed's purpose. For an example of all this in action, the Del.icio.us feed that powers my tech link blog and its Feedburner "cloak" can be found here:

Get that Feed out there

Under Feedburner's "Publicize" tag there are lots of neat features to republish your feed yourself. First off is the "Chicklet chooser" which will give you that ubiquitous RSS feed icon to let visitors know you've entered the 21st Century. Their "Buzz Boost" feature lets you create a snippet of code for your homepage that will list the latest additions. "Email subscriptions" lets your audience sign up for automatic emails whenever you add something to your site.

Final Thoughts

RSS feeds are great ways of communicating exciting news to your audiences. If you're lucky, important bloggers in your audience will subscribe to your feed and spread your news to their networks. Creating a feed through a bookmarking service allows you to add any page on any site regardless of its underlying structure.

Categories: Practical 2.0 , RSS Syndication
Tags: Binds, Content, Content Management System, Email, Glue, Infinite Number, Lingua Franca, Native Web, Real World, Really Simple Syndication, Ridiculously, Rss Reader, Web | Edit
RSS Syndication feeds are small web files that summarize the latest posts to a particular blog or news site. They're a central repository of basic information: title, author, post date, a summary of the post and sometimes the whole post itself. You can open these files directly (here's the raw file for this blog) but you'll see there's a hierarchy of coding that makes it visually uninteresting.

Syndication feeds are the lingua franca powering all the cool new websites. It doesn't matter what blogging platform you use or what operating system you're on: if your software provides an RSS feed I can mix and match it and use it to pull in content to my site.

Examples 1: Photographs: I email all of my adorable kid pictures to the photo sharing site Flickr, which then provides a syndication feed ("here"). I use a little fancy patch of coding on my website to pull in the information about the latest photos (location, caption, etc) so that I can display them on my homepage. Whenever you go to my Theo age you'll see the latest Flickr photos of him.

Example 2: Bookmarks. I also use the "social bookmarking" system with the odd name of del.icio.us. When I find a page I want to bookmark, I click a Delicious button in my browser, which opens a pop-up window. I write a description, pick a category or two and hit save. Deliciouis then provides an RSS syndication feed which I can use to pull together a list of my latest bookmarks and display it on my website. Wave a few magic wands of complication (pay no attention to the man behind the curtain!) and you have the main trick behind Quakerquaker.org.

I've simplified both examples a bit but you probably get the point. Syndication feeds are the secret behind blog readers like Bloglines and email subscription services like the one's I provide for quakerquaker.org.

New to me is the concepts around the Well-Formed Web. As described by Kevin Donahue "The layman's premise of the Well-Formed Web is that each site will have drill-down feeds - a top level feed, item specific feeds, and so on." What this means is that you don't just have one single RSS feed on a site (your latest ten posts) but RSS feeds on everything. Every category get its own unique feeds (e.g., the last ten posts about web design) and every post gets its own unique feed tracking its comments (e.g., this feed of comments from my "Introducing MartinKelley.com" post). It certainly seems a bit like overkill but computers are doing all the work and the result gives us a multi-dimensionality that we can use to pull all sorts of neat things together.

Categories: Practical 2.0 , RSS Syndication
Tags: Adorable Kid, Blog, Blogging, Caption, Email, Flickr, Hierarchy, Lingua Franca, Mix And Match, News Site, Operating System, Photo Sharing, Raw File, Rss Syndication, Web | Edit
This essay was originally written in 1995.

IT'S HARD TO IGNORE the sorry shape of the social change community. The signs of a collapsed movement are everywhere. Organizations are closing, cutting back, laying off staff, and dropping the frequency of their magazines.

On top of this, the basic resources we've depended on are getting scarcer. Paper prices and postage prices are going up. Direct mail solicitations are for many economically-unfeasible now. With every abandoned mailing list, with every discontinued peace fair, we're losing the infrastructure that used to nourish the whole movement.

Here in Philadelphia, the last few years have seen food coops close, peace organizations lay off staff, and the bookstores discontinue their political titles. I've been meeting people only a half-generation younger than I who aren't aware of the basic organizing principles that the movement has built up over the years and who don't know the meanings of Greenham Common or the Clamshell Alliance

Like many of you, I'm not giving up. We can't just abandon our work because it's becoming more difficult. We need to struggle to find creative ways of getting our message out there and communicating with others. What we need is a new media.

The Promise of the Web

The Web's revolution is it's incredibly minimal costs. Fifteen dollars a month gets you a homepage. As an editor at New Society Publishers (1991-1996), I've always had to worry whether we'd lose money on a particular editorial project, and it sometimes seemed a rule of thumb that what excited me wouldn't sell. With the Web, we don't have to worry if an idea isn't popular because we're not putting the same level of resources into each publication.

Never before has publishing been so cheap. Just about anyone can do it. You don't need a particularly fast or fancy computer to put Web pages online. And you don't have to worry about distribution: if someone sets their Web browser to your address, they'll get you "product" instantly.

All the forces pushing movement publishing over the edge of financial insolvency disappear when we go online. Switching to the Web is a matter of keeping our words in print. The Web is the latest invention to open up the distribution of words by birthing new medias. The printing press begat modern book publishing just as the photocopier begat zine culture. The Web can likewise spawn a media where words can flourish with less capital than ever before.

Advertising Each Other

The problem with the Web is not accessibility, but rather being heard above the noise. People generally find your website in two ways. The first is that they see your web address in your newsletter, get on their computers and look you up; this of course only gets you your own people. The second way is through links.

Links take you from one website to another. Webpage designers try to get linked from sites of similar interest to theirs, hoping the readers of the other site will follow the link to their webpage. This bouncing from site to site is called surfing, and it's the main way around the web.

Linking is a very primitive art nowadays. The Nonviolence Web has internal links that actively invite readers to explore the whole NV-Web. Everytime someone comes into the NV-Web through a member group, they will be inticed to stay and discover the other groups. By putting social change groups together in one place, we can have a much-more dynamic cross-referencing. Think of it as the equivalent of trading mailing lists in that we can all share those web surfers who find any one of us.

In the web world as in the real one, cooperation helps us all. If you're an activist group doing work on nonviolent social change then contact us and we'll put your words online. For free. If you have your own website already, then let's talk about how we can crosslink you with other groups working on nonviolent social change.

Come explore the Nonviolence Web and let us get you connected. Come join our revolution.

In peace,

Martin Kelley

Categories: MartinKelley.com , Niche Marketing , Web Design
Tags: Bookstores, Direct Mail, Greenham Common, Infrastructure, Mail Solicitations, Peace Organizations, Political Titles, Postage Prices | Edit

Search

As Seen In

EBook

Shortcut cover
Web 2.0 Mash-Ups & Niche Aggregators (O'Reilly Media, 2008, $9.95): Order here.

Social Networks

Other Sites

Archives