Opera Web Design

Client projects and tech blog posts about Opera

DiMeo Blueberry FarmsThe DiMeo family owns and operates several of the largest blueberry farms in the world, right here in the "blueberry capital of the world": Hammonton, New Jersey. They have an existing website that is hand-edited. We created a second site using WordPress. On launch it has much of the same content as the other site, but arranged into posts and categorized and tagged for search engine visibility. It also highlights the DiMeo Blueberry Farms' Facebook, Twitter and Youtube outlets. I'll be interested to see how it gets picked up by search engines and how visitors start to use it


See also:
DiMeo Blueberry Farms on Merchant Circle, Youtube, Facebook and Twitter.
Categories: Client Sites , Local , Small Business , WordPress
Tags: Blog, Hammonton, New Jersey, South Jersey, Wordpress | 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
A few weeks ago, Yahoo unveiled a new mash-up service called Pipes. It's sophisticated AJAX-powered graphical interface lets you pull in XML feeds, combine them, filter them and output the result as a customized RSS feed. I've recently used it to create specialized events pages for my blog aggregator. In this series of posts I'll show you how it's done. Each post will be one part of the puzzle.

The first tutorial shows how to pull in a Del.icio.us feed.

Step 1: Input tags

The Del.icio.us social bookmarking system runs much of my aggregator: users see a post they like and bookmark it in Del.icio.us with a special tag.

The first step in Pipes is to collect the input (right). Pull the "Text Input" module (above) onto your Pipes work space. This lets you collect user input. Give it both a name and a prompt. In most instances it's fine that these be the same as the prompt won't be visible in the end. It's good to put something down in Debug for later on in the Pipes process.

Step 2: Construct the RSS call

We take our two input tags and use them to construct an URL by using the "URLBuilder". The base URL is Del.icio.us's RSS feed (http://del.icio.us/rss/). The URL builder adds the user input then the tag input to give us a valid URL (http://del.icio.us/rss/user/tag/).

Step 4: Grab the feed

Yahoo Pipes' "Fetch" module takes that URL input and turns it into an RSS feed. Shown to the right is Fetch with the final "Pipe Output".

See it in action

You can see how this fits together by going to my Del.icio.us Sample page on Pipes. You can make a copy and play with it yourself. Add "&user=username&tag=tagname&_render=rss" to that URL and you've made it a feed.

Okay so I've turned a Del.icio.us RSS feed into... a Yahoo Pipes RSS feed with identical input and output. Well, we're only getting started. Our input tags can be reused for other searches and spliced together inside of a more elaborate Pipe. That's where the fun starts and I'll get there soon.

The other advantage of sending things through Pipes is that we can easily rename fields. Del.icio.us, Flickr and other services often extend RSS standards by including metadata in "dc" fields, an abbreviation for the Dublin Core standards extension. A recent entry from my Del.icio.us feed includes this:

     <dc:creator>martin_kelley</dc:creator>
<dc:date>2007-03-15T05:18:53Z</dc:date>
<dc:subject>tech tech.design</dc:subject>

Standard PHP parsers like MagpieRSS and SimplePie often have trouble pulling dc data. With Pipes you can rename the fields you like; in theory that should make them more accessible to the parsers. You can also combine fields and use Pipes' Regex module to operate on them with regular expressions.

Categories: Practical 2.0 , RSS Syndication
Tags: Aggregators, Ajax, Delicious, Graphical Interface, Input Module, Input Tags, Instances, Mash, Pipes, Puzzle, Social Bookmarking | 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