Mac Os X Web Design

Client projects and tech blog posts about Mac Os X

ReconRabbiReconRabbi is a social network for rabbis associated with the Reconstructionist Rabbinical College. It is designed to provide ongoing education and networking for far-flung alumni.

It's a highly customized, member-only site built on the Ning platform. The typical Ning features are here: video, podcasts and member profiles. Expanded areas include extensive training material for members. We recorded and I edited a series of eight screencasts of approximately five minutes each for their Help section using Screenflow for Mac; topics include signing up, adding discussions, using the customized training material.

Member-only Site: http://www.reconrabbi.net/.

Categories: Client Sites , Educational , Faith-Based , Ning , Nonprofit
Tags: Jewish, Ning, Reconstructionist, Rrc, Screencast, Screenflow | 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

Last weekend I found myself with the scenario no solo web designer wants to be faced with: a dead laptop. It was eighteen months old and while it was from Hewlett Packard, a reputable company, it's always had problems over overheating. Like a lot of modern laptop makers, HP tried to pack as much processor power as they could into a sleek design that would turn eyes on the store shelf. They actually do offer some free repairs for a list of half a dozen maladies caused by overheating but not for my particular symptoms. When I have a free afternoon, a big pot of coffee and lots of music queued up I'll give them a call and see if I can talk them into fixing it.

Once upon a time having a suddenly dead computer in the middle of a bunch of big projects would have been disaster. But over the last few years I've been putting more and more of my data "in the cloud," that is: with software services that store it for me.

Email in the Cloud

I used to be a die-hard Thunderbird fan. This is Firefox's cousin, a great email client. I would take such great care transfering years of emails every time I switched machines and I spent hours building huge nested list of folders to organize archived messages. About a year ago Thunderbird ate about three months of recent messages, some quite crucial. At that time I started using Google's Gmail as backup. I set Gmail to pick up mail on my POP server and leave it there without deleting it. I set Thunderbird to leave it there for week. The result was that both messages would be picked up by both services.

After becoming familiar with Gmail I started using it more and more. I love that it doesn't have folders: you simple put all emails into a single "Archive" and let Google's search function find them when you need them.You can set up filters, which act as saved searches, and I have these set up for active clients.

Why I'm happy now: I can log into Gmail from any machine anywhere. No recent emails are lost on my old machine.

Project Management in the Cloud

I use the fabulous Remember the Milk (RTM) to keep track of projects and critical to-do items. Like Gmail I can access it from any computer. While messing around setting up backup computers has set me back about ten days, I still know what I need to do and when I need to do it. I can review it and give clients renewed timelines.

An additional advantage to using Remember the Milk and Gmail together is the ability to link to emails. Every email in Gmail gets its own URL and every saved "filter" search gets its own URL. If there's an email I want to act on in two weeks, I set up a Remember the Mail task. Each task has a optional field for URLs so I put the the email's Gmail URL in there and archive the email so I don't have to think about it (part of the Getting Things Done strategy). Two weeks later RTM tells me it's time to act on that email and I follow the link directly there, do whatever action I need to do and mark it complete in RTM.

Project Notes in the Cloud

I long ago started keeping notes for individual projects in the most excellent Backpack service. You can store notes, emails, pictures and just about anything in Backpack and have it available from any computer. You can easily share notes with others, a feature I frequently use to create client cheatsheets for using the sites I've built. Now that I use Gmail and it's URL feature, I put a link to the client's Gmail history right on top of each page. Very cool!

Another life saver is that I splurge for the upgraded account that gives me secure server access and I keep my password lists in Backpack. There's a slight security risk but it's probably smaller than keeping it on a laptop that could be swiped out of my bag. And right now I can log into all of my services from a new machine.

Keeping the Money Flowing from Clouds

The latest Web 2.0 love of my life is Freshbooks, a service that keeps track of your clients, your hours and puts together great invoices you can mail to them. I'm so much more professional because of them (no more hand written invoices in Word!) and when it's billing time I can quickly see how many unbilled hours I've worked on each project and bang!-bang!-band! send the invoices right out. Because the data is online, I was able to bill a client despite the dead computer, providing my exact hours, a detailed list of what I had done, etc.

Others

Calendar: I always go back and forth between loving Google Calendar and the calendar built into Backpack. Because I can never make up my mind I've used ICal feeds to cross-link them so they're both synced to one another. I can now use whichever is most convenient (or whichever I'm more in the mood to use!) to add and review entries.

Photos: Most of the photos I've taken over the past four years are still sitting on my dead laptop waiting for me to find a way to get them off of the harddrive. As tragic as it would be to loose them, 903 of my favorite photos are stored on my Flickr account. And because I emailed most of them to Flickr via Gmail most of those are also stored on Gmail. I will do everything I can to get those lost photos but the worst case scenario is that I will be stuck with "only" those 900.

Your Examples?

I'd love to hear how others are using "the cloud" as real-time backup.

Categories: Practical 2.0 , Windows to Mac
Tags: Calendar, Flickr, Freshbooks, Gmail, Hp, Laptop, Remember The Milk | Edit
Martin Kelley's work has been featured by top newspapers and tech blogs. He has given workshops and presentations on educational and Web 2.0 themes. He is available for speaking engagements and freelance writing.


Publications/Media

ReadWriteWeb (republished on NYTimes.com), Technology is Great but Are We Forgetting to Live?, January 22, 2009. Quote and citation. Read more.

Web 2.0 Mashups and Niche Aggregators, published by the O'Reilly Media Shortcuts Series. Commissioned author.

Quakers in the Blogosphere (PDF), Western Friend/Friends Bulletin, February-March 2006, editorial features Quakerquaker.org.

FGConnections, The Witness of Our Lost Twenty-Somethings, Spring 2005. Author.

Friends Journal, "The World Is Hungry for What We've Tasted," October 2006. Author.

Beliefnet.com, "Best Spiritual Blogs," August 2006. Cited QuakerQuaker.org.

Waging War on War, Washington Post, profile of a number of peace groups including Nonviolence.org.

Not Your Father's Antiwar Movement (subscription required), Atlantic Monthly, cited Nonviolence.org.

USAToday, Missiles Aren't the Answer, featured Op-Ed, November 16th, 1998. Author.

Iraqi Crisis Increases Activity on Peace Network, a major New York Times profile of Nonviolence.org, February 21, 1998.


Fellowships

Friends Institute Fellowship, Philadelphia Yearly Meeting, for work on Nonviolence.org (1996).

Pickett Endowment for Quaker Leadership, helped support 2005-2006 activities that led to the creation of QuakerQuaker.org.

Categories: Martin | 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

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