Tech Web Design

Client projects and tech blog posts about Tech

One of the big bits of tech news yesterday was a leaked slide showing that Yahoo was closing down Del.icio.us, the social bookmarking system that helped define. Yahoo must not do Twitter because it took them till today to finally respond. They now say that Del.icio.us doesn't fit their strategy and that they will be selling it.

Do we care? Should we care? When it started in 2003, Del.icio.us was something innovative and quirky. It helped teach us that our online behavior didn't need to be secret and locked away on our hard drives but could be shared. Indicating that you thought a website was worthy of a bookmark could be a recommendation to friends. Even people bookmarking a site was an indication of it's real world value. For us techies, Del.icio.us opened our eyes up to a world where everything could be an RSS feed and in 2006 I jiggered the social aspects to create a human-powered editorial aggregator QuakerQuaker.org.

When Yahoo bought it we were all a bit nervous but it seemed like a good move. Yahoo could bring server resources and a userbase and take Del.icio.us to the next level. When corporate decided to rename it Delicious.com, it stripped the quirkiness but perhaps signaled a willingness to take this more into the masses.

Diigo Import
Screenshot of my revived
Diigo account, showing
Delicious imports.

Alas, it didn't turn out that way. Delicious settled in and stopped innovating. Eventually the founder left Yahoo. Things got so bad that it seemed exciting when it essentially got a design make-over a few years ago. Competing services sprang up but none were different enough to make many of change our habits.

So yesterday's news is perhaps a good thing. I've been looking at those other services. Diigo.com looks really fabulous. I tried it when it launched in 2006 but wrote it off at the time as a Delicious clone with high ambitions. But they've been working hard. They're onto version five now and they've been adding the kind of cool features that an independent Delicious might have pursued.

For example, you can add a note to a webpage that you're bookmarking and then send a special URL with the site and note. They make it really easy to Twitter this. Last night I bookmarked and tweeted about an online radio service I've been using:

Listening to a lot of Radio Paradise lately. Good background work music, interesting selections: diigo.com/0e8gw

That Diigo link will take you to Radio Paradise's homepage with the note I added. That's really useful.

Diigo just a few moments ago put out a Transition to Diigo FAQ. Exporting from Delicious is really easy and importing it to Diigo is easy too--though not instant, it was about twelve hours. I'm confident enough about Diigo that I've upgraded to the $40/year Premium account--partly chipping in since I imagine they're being hit with lots of new accounts today.

Categories: Practical 2.0
Tags: Del.Icio.Us Delicious Diigo Yahoo | Edit

Mike's Precision CarpentryMichael Oliveras is a long-time union carpenter making the entrepreneurial jump and starting his own business: Mike's Precision Carpentry, serving the New Jersey, Pennsylvania and Delaware from his shop in Hammonton, NJ. He came to me looking for a webpage to advertise his new enterprise.

It's a simple design, a typical small-business site of half-a-dozen pages. The color scheme matches his business cards for a bit of branding. Oliveras faced a problem typical for new businesses: a lack of good photos. The work he's done for many years is not technically his own (per the employment contracts) so for now the pictures are a mix of the few jobs he has done on his own and a few stock images. I'm sure he'll have a well-rounded portfolio before long and we'll be able to fill out the site with his own work. In the meantimes, he added a couple of great pictures of him and his family on the "About Us" page to give it that personal touch.

See it live: www.mikesprecisioncarpentry.com

Categories: Client Sites , Custom Design , Local , Small Business
Tags: Branding, Carpentry, Entrepeneur, Hammonton, Personal, Small Business, South Jersey, Stock Photos | Edit
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
A potential client recently came to me with an existing site. It certainly was slick: the homepage featured a Flash animation of telegenic young professionals culled from a stock photo service, psuedo-jazz techno music, and words sweeping in from all sides selling you the company's service. Unfortunately the page had no useful content, no call-to-action and no Google PageRank. It was an expensive design, but I didn't need to look at the tracking stats to know no one came this page.

So you're ready to ditch a non-performing site for one more dynamic, something that will attract customers and interact with them. Here's five tips for building a self-marketing website!

One: Useful Content for your Target Audience Give visitors a reason to come to the site. Text-rich, changing content is essential. In practicality, this means installing a blog and writing posts every few weeks. You'll see measures like "keyword relevancy" increase instantly as excerpted text shows up on the homepage. Add videos and photos if your company or team has that expertise, but remember: when it comes to search, text is king.

Two: Give away something valuable or useful Many smart marketing sites feature some free giveaway right on the homepage: a useful quiz, professional analysis, a PDF how-to guidebook. A builder I worked with went to the trouble of posting dozens of floor plans & pictures to their website and compiling them into a PDF book, which they gave away for free. The catch in all this? You have to give your contact information to get it. Once the free material has been compiled, the site runs itself as a sales lead generator!

Three: Ask yourself the Three User Questions! It's amazing how focused the mind gets when you actually sit down to define goals. Just about every website can benefit from this three-step exercise:
  1. Who is the target audience?
  2. What would draw them to the site? 
  3. What do we want to get from them?
Get a group together to through your website page by page these questions. Brainstorm a list of changes you could make. You'll want to end up with Defined Goals: what quantifiable actions do you want visitors to take? It might well just be the successful completion of a contact form.

Four: Test Test and Test Again Many small businesses now get a lot of their customers from their websites. Your website is an essential piece of your marketing and publicity and you need to be smart about it. Compile together your favorite site-improvement ideas and make up  alternate designs incorporating the changes. Then use a tool such as Google Website Optimizer to put the alternatives through their paces. Which one "converts" better, i.e., which design gets you higher percentages in the Defined Goals you've set? Once you've finished a test, move on to the next brainstorming idea and implement it. Always be testing!

An extensive series of tests of one site I worked on doubled it's conversion rate: imagine your company doubling its internet sales? It is completely worth spending the time and effort to go through this process.

Five: Don't Be Afraid to Get Professional Help If you need to hire a professional to help you through this process you'll almost certainly get your money's worth! A recent projects cost the customer $6000 but I was able to document savings of $100,000 per year in his publicity costs! See my piece What to Look For in SEO Consultants for my insider-advice to how to pick a honest and competent professional web publicity consultant.

Categories: Niche Marketing
Tags: Action, Client, Content, Conversion Rate, Flash, Free, Giveway, Goals, Google, Keyword Relevancy, Music, Pagerank, Pdf, Sales Leads, Seo, Stock Photos, Target Audience, Videos | Edit
I follow the tech world closely. I'm not particularly interested in the who-bought-who world of venture capitalists. Instead, I'm interested in the lived world where people are adopting new ways of communicating online and the practical implications that has for small businesses and niche marketers.

items, 0, $maxitems); foreach ($yummyitems as $yummyitem) { print '

'; print ''; print $yummyitem['title']; print '

'; print "\n"; if (isset($yummyitem['description'])) { print '

'; print $yummyitem['description']; print "\n"; print '

'; } print "\n"; } ?>
Categories: links
Tags: Links Blog, Niche Marketing, Small Business, Tech | Edit
Collected from LinkedIn:

"The list allowed me to click only three attributes, but for Martin I wanted to check them all. He is a wonderful, personable, creative person who also happens to be unflappable. I highly recommend his for web design." March 30, 2010

Tom Ferrick, Journalist/Publisher, Phlmetropolis.com
Hired Martin as a Graphic/Web Designer in 2009
Top Qualities: Great Results, Personable, Good Value.


"Martin has provided -- and continues to provide excellent service and consultation as a Web site developer. For my site on New York-based architecture and history, Mindfulwalker.com, I asked for some complex developments of and changes to a WordPress theme and the site installation. I received the service that I needed and more, and I'm very happy with the site today. Martin brings a variety of assets to his role: He is extremely knowledgeable and capable in programming and Web tools. He's also a good communicator, is very value-conscious about the service he delivers for the cost, and is understanding of client needs. Beyond this, Martin helped with some excellent tutorials as I took over the site. I plan to hire Martin again as I look forward to enhancements and additional developments for my site and business. Martin is excellent at what he does!" May 10, 2009

Susan DeMark, Journalist, Mindfulwalker.com
Hired Martin as a Graphic/Web Designer in 2007
Top qualities: Great Results, Good Value, High Integrity



"Martin provided great value in designing a website for my law practice. He was accessible and facilitated the process, despite our geographical distance, through email and telephone consultations. He was flexible in working with me to achieve what I was looking for within my budget." May 1, 2009

John Kindley, Lawyer.
Hired Martin as a Graphic/Web Designer in 2008
Top qualities: Personable, Good Value, High Integrity



"Martin is not only highly competent as a Web site developer, he's also one of the most honest and trustworthy people I've ever hired. I highly recommend Martin." April 30, 2009

James Maguire, Author, MaguireOnline.com
Hired Martin as a Graphic/Web Designer in 2006, and hired Martin more than once.
Top qualities: Great Results, Personable, Expert



"Martin has worked for our school to integrate Web 2.0 technologies into our communication materials. Martin is highly-personable and his is an expert in current technological approaches. This is a hard match to find in consultants." April 30, 2009

Michael Moulton, Technology Director, William Penn Charter School.
Hired Martin as a IT Consultant in 2007, and hired Martin more than once.
Top qualities: Personable, Expert, High Integrity.



"Martin has an outstanding grasp of everything there is to know about the internet. He is our "go-to" guy whenever we encounter something new and different, especially involving Web 2.0 and Search Engine optimization. He is also an experienced and skilled designer and has excellent PHP/CSS/HTML programming knowledge. Martin is a pleasure to work with in every respect!" May 1, 2009

Barbara Raphael, Founder/Owner, Raphael Webscapes, LLC.
Worked directly with Martin at Raphael Webscapes.
Categories: references
Tags: Architecture, Budget, Communication, Consultations, Go-To Guy, Graphic, Haddonfield, History, Honest, It Consultant, Journalist, Law Practice, Lawyer, Linkedin, New York City, Raphael Webscapes, School, Search Engine Optimization, Technology Directory, Trustworthy, Web 2.0, Web Designer, Website, Wordpress | Edit
ReadWriteWeb: Technology is Great, but Are We Forgetting to Live?I usually describe myself as a "Web Developer," but often the technical aspects of my job are the least valuable service I provide. Above it I would rank what you might call my experience as a web citizen and online publicist. I put my first website together years before upstart sites like "Google" and "Myspace" came along and I published what I later realized was a "blog" the same month the word "weblog" was coined. I help clients connect with their audiences with a mix of print content, podcasts, pictures and videos, whether delivered through the open web or specialized services like Twitter or Facebook. A better job description might be Technology Lifestyle Guru.

So it was neat to be quoted last week in ReadWriteWeb, a top-twenty blog with hundreds of thousands of readers and a syndication deal with the New York Times Technology section. The article was "Technology is Great, but Are We Forgetting to Live?" by Sarah Perez. In a section called "When Should You Disconnect?" she wrote:
The fine line between what's worth documenting and what's not is a hard one to define. We immediately assume that the most important, the biggest, the most incredible moments are those that should be recorded. But it's these very moments that are best to experience live, with our full focus. As religious-focused blogger Martin Kelley notes, "there are times where our presence is much more important than any documentation." (He had just surprised himself by reviewing the grainy, blurry photos he felt it necessary to take while watching a bride walk down the aisle. In retrospect, this was exactly the kind of moment that could have gone unrecorded.)
It's a bit ironic that for all of the tech writing I do I was cited for my personal blog, but this blurring of the line between identities is becoming more common with the web. Thanks to Sarah and ReadWriteWeb for the mention!
Categories:
Tags: Lifestyle, Nytimes, Readwriteweb, Technology | 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
And a shout-out back to HitTail folks who linked to my article on Adword shenanigans by naming me a superstar! Everyone Loves HitTail: HitTail Helps Superstar Blogger Martin Kelley Save Money. Is it getting hot in here?

I will say that these guys are really good trackers. I sometimes think if I said "hittail" in my sleep I'd awake to an email thanking me for the mention. I'm always surprised at how many companies don't follow their own public commentary on them across the internet, but Hittail certainly does.
Categories: Analytics
Tags: Adwords, Hittail, Link, Trackers | Edit
Web 2.0 tools have changed the boundary lines between techies and program staff in many nonprofits over the past few years. At least, they should have, though I know of various organizations that haven't made the conceptual leap to the new roles.

OLD SCHOOL: Webmaster

Let me explain by talking about my own changing work role. Even a few years ago, I was a paid staff webmaster. You could divide my work into two large categories. The first was techie: I managed server accounts, set up required databases, designed sites. I got into the HTML code, the PHP, the Javascript, CSS, etc.

The other was content: when program-oriented staff had new material they wanted on the website they would email it to me or walk it over. I would put in my work queue, where it might sit for weeks if it wasn't an organizational priority. When it came time to add the material I would boot up Dreamweaver, a relatively expensive program that was only accessible from my laptop and I would put the material onto the website. Needless to say, with a process like this some parts of the website never got very much attention.

At some point I start sneaking in a content management system for frequently-changed pages. This seemed very hackish and not good at first but over time I realized it greatly speeded up my turn-around time for basic text content. But the organizations I worked for still relied on the old model, where staff give the webmaster content to put up.

NEW SCHOOL: Web Developer

Nowadays I'm a web developer, a freelancer with an ever changing list of clients. I typically spend about a month putting together a site based on a content management (like this) or automatic feed system (like I did for Philadelphia's William Penn Charter School). I do a certain amount of training and while I might add a little content for testing purposes, I step back at the end of the process to let the client put the material up themselves. I'm available for questions but I'm surprised about how rarely I'm called.

Here's two examples. Steadyfootsteps is a blog by an American physical therapist in Vietnam. When we started, she didn't even have a digital camera! I gave her advice on cameras, started her on a Flickr account, set up a fairly generic Movable Type blog with some custom design elements and answered all the questions she had along the way. She went to town. She's put tons of pictures and embedded Youtube videos right in posts. Here's a non-techie who has contributed a lot to the web's content!

Penn Charter is a school that was already on Flickr and Youtube but wanted to display the content on their website in an attractive way. I pulled together all the magic of feeds and javascripts to have a media page that showcases the newest material.

They're very different sites, but in neither instance does the client contact me to add content. They rely on easy-to-use Web 2.0 services: no specialized HTML knowledge required.

NEW TOOLS, OLD MODEL

I got an email not so long ago from an old boss who manages a monthly magazine. Her site has been radically rebuilt over the years. Dreamweaver is out and content management is in. They use Drupal, which my friend Thomas T. of the Philadelphia Cultural Alliance tells me won the recent popularity contest among nonprofit techies. This is great, a definite step forward, but what confused me is that my old boss was asking me whether I would be interested in returning to my old job (the successor who oversaw the Drupal upgrade is leaving).

They still have a webmaster? They still want to funnel website material through a single person? Every staffperson there is adept at computers. If a physical therapist can figure out Flickr and Movable Type and Youtube, why can't professional print designers and editors?

My hourly rate ranges from two to five times what she'd be likely to pay, so I turned her down. But I did ask why she wanted a webmaster. Now that they're on Drupal it seems to me that they'd be better off switching from the webmaster to the web developer staffing model: hire me as a freelance consultant to do troubleshooting, staff training and the occassional special project but have the regular fulltime staff do the bulk of the content management. I'd think you'd end up with a site that's more lively and updated and that the cost would about the same, despite my higher hourly rates.

I've heard enough stories of places where secretaries have come out of the shadows to embrace content management and have helped transform websites. I'm the son of a former secretary so I know that they're often the smartest employees at any firm (if you walk into an office looking for the expert on advanced Excel features you'll surely find them sitting right there behind the receptionist desk).


FINALLY: WHAT'S UP WITH DRUPAL?

I'm trying to join the bandwagon and use Drupal for a upcoming site that will have about a dozen editors. But there's no built-in WYSIWYG editor, no little formatting icons. Sure, I myself could easily hand-code the HTML and make it look nice. But I don't want to do that. And it's unrealistic to think I'm going to teach a dozen overworked secretaries how to write in HTML. The interface needs to work more or less like Microsoft Word (as it does in Movable Type, CushyCMS, Google Docs, etc.)

Most Drupal sites I see seems from the outside like they're still old school: staff webmaster through whom most content funnels. Is this right? Because if so, this is really just an institutionalization of the content hack I did six years ago. Can anyone point me to lively, active Drupal sites whose content is being directly added by non-techie office staff? If so, how is it set up?
Categories: Drupal , Practical 2.0 , Web Design
Tags: Css, Dreamweaver, Drupal, Flickr, Javascript, Movable Type, Penn Charter, Philadelphia, Php, School, Web 2.0, Web Developer, Youtube | Edit
William Penn Charter School Media PagesOne element of a general social media consultancy project I've undertaken with Philadelphia's William Penn Charter school is a dynamic media page. They had collected a large number of photos, movies and podcast interviews, but the media page on their site was static and without pictures. I worked with them to come up with media policies and then built a media site that automatically displays the latest Flickr sets and Youtube videos, all laid out attractively with CSS. The Flickr part was complicated by the fact that Flickr doesn't produce feeds of sets and this required access to it's API and fairly extensive Yahoo Pipes manipulation. The original podcasts were just uploaded MP3 files and I worked to collect them together via Odeo (hosting) and Feedburner (feed publishing), which then provides RSS and iTunes support. The actual content for the page is collected together on the Martinkelley.com server and embedded into the Penn Charter media pages via javascript. Other work with Penn Charter includes Google Analytics and Dreamweaver support.

Update: PennCharter redesigned their website in August 2009 and the Media Page is unavailable.

Client Testimonial:

"Martin has worked for our school to integrate Web 2.0 technologies into our communication materials. Martin is highly-personable and his is an expert in current technological approaches. This is a hard match to find in consultants." April 30, 2009

Michael Moulton, Technology Director, William Penn Charter School.
Hired Martin as a IT Consultant in 2007, and hired Martin more than once.
Top qualities: Personable, Expert, High Integrity.

Categories: Client Sites , Educational
Tags: Analytics, Consultant, Css, Dreamweaver, Flickr, Javascript, Media, Odeo, Penn Charter, Podcasts, School, Yahoo, Youtube | 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
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

Martin has had twenty years of experience in the non-profit world. Much of that work has consisted of educating staff in the use of online technologies, publicizing the organization's work, and staying in closer touch with supporters and donors. The new era of social media is presenting even more opportunities and challenges: Martin can help your organization navigate these changes and rethink the relationship between program staff and websites.

  • What kind of software should we consider for our website redesign?
  • Should we start an organizational blog?
  • How interactive do we really want to be?
  • Who's going to do what work?
  • Facebook? MySpace? YouTube? How should we react to these?

Martin has worked with over two dozen non-profit organizations so he knows that the most important questions aren't technological but social: who makes changes, what's the work flow, how does work load change. Martin's practical experience in the non-profit world means he'll give practical advice: not just a solution that might work, but one that does work and is used.

Please contact Martin if you are interested in arranging a consultation.

See also:

Categories: Consulting
Tags: Donors, Facebook, Nonprofit, Social Media, Supporters, Youtube | Edit

Categories: | Edit

Martin has given workshops and panel presentations on tech issues and on renewal movements in the Religious Society of Friends.

Biographies

TECH:
Martin Kelley is a Philadelphia area web designer who has been building online communities since 1995. An early adopter of user-created media, he was blogging in 1997 and picks up every social media service. In 2008 O'Reilly Media published "Web 2.0 Mashups and Niche Aggregators," his first published tech publication. A professional web developer and consultant, he builds sites and writes about tech issues on MartinKelley.com.

QUAKER:
Martin Kelley is a Philadelphia-area Friend with a love out of outreach and ministry and a passion for looking afresh at Friends' testimonies, language and practices. He is editor of Friends Journal, a monthly Quaker magazine, and publisher of the online community site, QuakerQuaker.org. An early adopter of user-created media, Martin has been building online communities since 1995; in 2008 O'Reilly Media published "Web 2.0 Mashups and Niche Aggregators." He writes about tech issues on MartinKelley.com and spirituality at QuakerRanter.org.

Upcoming Speaking Engagements:

Past Workshops and Presentations

2011:

Speaker, Abington Friends Meeting, "Lessons on Vocal Ministry from Early Friends," talk given at First-day school adult class. Jenkintown, Pa., November 6, 2011.

Class guest, Earlham School of Religion. "Writing for Today's Media Market" taught by J Brent Bill. May 24, 2011. Richmond, Ind. via video.

Panelist, Pacific Northwest Quarterly Meeting, "Simplicity, Integrity, Clarity: What is Plain Speech Today?" Washington State via video. April 16, 2011.


2010:

Speaker, Philadelphia Yearly Meeting, "Finding Fellowship Between Friends Through the Internet," part of the "Friends 2.0: New Tools for Our Faith" speaker series. Arch Street Meetinghouse following Interim Meeting sessions, Philadelphia, Pa. September 11, 2010.

Panel Speaker, Writer's Conference sponsored by Quakers Uniting in Publications. Richmond, Ind., via video. April 2010.

Associate Teacher, Pendle Hill, for a weekend workshop "Convergent Friends and the New Monastics." Pendle Hill Conference Center. Wallingford, Pa. May 2010.


2009:

Speaker, "An Introduction to Convergent Friends." Salem Quarter Meeting. Greenwich, N.J. September 13, 2009.

Facilitator, "Friends Testimonies, What Canst Thou Say?" Two-part session. Young Friends Summer Gathering (Philadelphia Yearly Meeting). Camp Onas, Ottsville, Pa. August 25, 2009.

Co-leader, "Reclaiming the Power of Primitive Quakerism." Weekend workshop. Ben Lomond Friends Center. Ben Lomond, Calif. February 2009.

Presenter, "Friends Schools and Web 2.0" (video). Panel discussion for Friends Council on Education. At Germantown Friends School, Philadelphia, Pa.. January 2009.


2007:

Presenter, Religion and Technology Teachers Peer Network (Friends Council on Education). Center City Philadelphia, Pa., December 2007. Also available as Google Slideshow Presentation

Co-presenter, with C Wess Daniels, for a panel on the Convergent Friends movement. Ohio Yearly Meeting annual sessions. Barnesville, Ohio, August 2007.


2006:

Teacher, "Quakerism 101". four-session course for Moorestown Friends Meeting. Moorestown, N.J. October -November 8, 2006.

Co-faciliator, On Fire: Renewing Quakerism Through a Covergence of Friends. Interest group, FGC Gathering. Tacoma, Wash., July 3, 2006.

Invited Guest, Quakerism classes, William Penn Charter School. Philadelphia, Pa.. April 2006.

Leader, Food for Fire weekend workshop, New York Yearly Meeting's Powell House conference center. Old Chatham, N.Y. February 2006.


2005:

Co-leader, Strangers to the Covenant (five sessions), workshop for high-school Friends, FGC Gathering. Normal, Ill., July 2005.


2004:

Teacher, Quakerism 101 (six sessions), Medford Friends Meeting. Medford, N.J. September-November, 2004.


2003:

Teacher, "Living in the Light" Quakerism 101 course (one session), Central Philadelphia Friends Meeting. Philadelphia, Pa. March 2003.

See also: Publications and Media List

Contact

Email: martink@martinkelley.com
Phone: (609) 365-0123

Categories: speaker | Edit
Steady Footsteps

Blog by an American couple living in Vietnam and advocating for greater motorbike safety. The technical aspects are pretty straight-forward but the neat part about it was watching the client learn about blogging and online photo sharing as we worked on the site: I introduced her to Flicrk, Picasa and Gmail! She took to it like a fish to water and the site is full of great photos taken by her husband David. Read more about their work doing physical therapy in Vietnam and their posts about life in Da Nang.
. Technology: Movable Type, Flickr. Visit Site.

Categories: Client Sites , Faith-Based , Journalists & Artists
Tags: Buddhist, Head Injuries, Hopeless Situation, Husband David, Medical Care, Middle Aged, Middle Class Americans, Plight, Program Directors, Quaker, Saddened | Edit

Via 37Signal's Signals vs. Noise blog I came across a fascinating post written by Brian Fling of Blue last year on pricing a project. I'd like to talk about it and to explain my own philosophy. First a extended quote from Brian:

I find it funny... in a sad sort of way, that we often start out our partnership with bluffing, no one saying what they are really thinking... how much they are willing to pay and how much it should cost... Though every book I've read on the topic of pricing says to never ever ballpark, I have a tendency to do so. If they can't disclose the budget I typically try to start throwing a few numbers from previous projects to help gauge the scope of what we are talking about, call it a good faith effort to start the discussion... While this is very awkward part of the discussion it is almost always followed by candor. It's as if once someone starts telling the truth, it opens a door that can't be closed.

I completely agree that candor is the only way to work with clients. Maybe it's the Quaker influence: we reportedly pioneered fixed pricing back when everyone haggled, with the philosophy that charging true costs were the only honest way of doing business. My official rates and contact page includes my list of "typical costs" -- essentially these are the "ballpark estimates" that Brian talks about.

When I put together estimates I base it on my best-guess informed estimates. I start by tabulating the client's requested features and determining how I'll achieve them. I then estimate how long it will take me to implement each feature and use that to determine a first-guess for project cost. I then compare it to past projects, to make sure I'm being realistic. I know myself well enough to know I always want to underestimate costs--I usually like the project and want to make it affordable to clients!--so I do force myself a reality check that usually ends up adding a few hours to the estimate.

When I put together my official estimate I try to guess where potential bottlenecks might happen. Sometimes these are technical issues and something they're more social. For example, a client might be very particular about the design and the back-and-forth can take longer than expected. If I think anything like this might happen I mention it in the estimate. Sometimes as we work through the details of a feature I'll learn that the client wants some enhancement that we hadn't talked about previously and which I didn't factor into the estimate.

When I do see a particular part of the work taking longer than expected I flag it with the client. I try to keep them informed that this will add to total costs. In many cases, clients have been happy to go with the extra work: I simply want to make sure that we both are aware that the estimate is changing before the work happens.

I charge by the hour rather than on a per-project basis since I find it to be a much more open business model. Brian Fling's post agrees:

The problem [with per-project billing is that] one way or another somebody loses, either the client pays too much, meaning paying more than it's market value, or the vendor eats into their profit... One benefits to hourly billing is the client is responsible for increases of scope, protecting the vendor and the customer. If the project is completed early the client pays less, protecting the client. This puts the onus on both parties to communicate regularly and work more effectively.

I have very little overhead: a home office, laptop and DSL. This means my rates are very competitive (one client described it as "less than plumbers and electricians charge, more than the kid who mows the lawn"). Being very careful with estimates mean that I often communicate a lot with clients before I "start the clock." I've often worked with them a few hours before the estimate is in and we're moving forward and of course some of this un-billed work doesn't result in a job.

Putting together fabulous websites is fun work. It's very much a back-and-forth process with clients, and it's often impossible to know just what the site will look like and just how it will work until the site actually launches. Half of my clientele have never had websites before, making the work even more interesting! It's my professional responsibility to make sure I work with clients to foresee costs, dream big, but most of all to be open and honest about costs as the process unfolds.

Categories: MartinKelley.com , Practical 2.0
Tags: Blog, Budget, Good Faith, Partnership, Philosophy | 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
Whenever I talk with fellow web designers, the issue of "SEO" invariably comes up. That's techie slang for "search engine optimization," of course, that black science of making sure Google lists your site higher than your competitors. Over the years a small army of shady characters have tried to game the search engine results.

I've always thought such tricks were pathetic and bound to lose over the long term. Search engines want to feature good sites. It's in their best interest to make sure the sites listed are the ones people want to see. A search engine that returns unsatisfactory results quickly becomes a has-been in the search engine competition. So as soon as a site such as Google notices some new SEO trick is skewing the rankings they tweak their secret search algorithm to fix the SEO loophole.

Just Give Google the Content It Loves

In theory it's easy to make Google, Yahoo, MSN and the other big search engines happy: give potential visitors site they'll want to visit. Forget the tricks and spend your time putting together an amazing site. Search engines like text, so write, write, write.

I'm looking to join a web design house, which means I've been interviewing with slick web developers lately and whenever they ask me the best way to increase SEO for their clients, I tell them to start a blog. They look at me like I'm an idiot but it's absolutely true: two blog posts a week will end up being over 100 pages of pure content. All of these sites full of Flash animation get you nowhere with Google.

Just a note that any kind of text-rich web system can achieve many of the same results--blogs are just the easiest way yet to get content on your site.

Presenting What You Already Have: Blog your Water Cooler Chat

When I talk to people about starting a corporate blog they quickly start telling me how much work it will be. Bah and Humbug--your company's life is probably already filled with bloggable material!

I used to work in a bookstore where I did most of the customer service, much of it by email. About two or three times a week I'd get a particularly intriguing query and would spend a little time researching an answer (mostly by looking through the indexes of our books and searching the arcane sites of our niche). This research didn't always pan out to a book sale, but it marked our bookstore as a place to get answers and gave us a competitive advantage over Amazon and its ilk. Each of my email answers could have easily been reformatted to become a blog post. By the end of a year, I'm sure the volume coming from these obscure searches would be quite high (see yesterday's Long Tail Strategy post on the HitTail blog for an account of how attention to search engine's one-hit-wonders helped achieve a widespread keyword dominance).

Whenever something new happens that breaks you out of your routine, think about whether it's bloggable. At the bookstore, a new book would come in and we'd spend ten minutes talking about it. That conversation reached half-a-dozen people at most. In that same ten minutes we could have written up a blog post saying much the same thing.

Last Spring a controversial article appeared in the local newspaper that tangentially involved my employer. That morning my workmates gathered together in the reception area for the better part of an hour trading opinions and wisecracks. After about five minutes of this, I slipped back to my office and wrote my opinions and wisecracks down into my blog. I hit post and came back to the reception area--to find my workmates still blathering on, natch. My post reached hundreds and took no more time out of the work day than the reception pontifications.

Humans are social animals. We're always blogging. It's just that most of the time we're doing it verbally around the water cooler with three other people. Learn to type it in and you've got yourself a high-volume blog that will add invaluable content and SEO magic to your site.

Mix up your content: Tag Your Site

Lastly, a point to webmasters: it usually pays to think about ways to re-package your content. My most recently experience of this was tagifying my personal blog over at "QuakerRanter.org." Every time I post there a Movable Type plugin fishes out the key words in the article and lists them afterwards as tags. These tags are all linked in such a way that results send the term through the site's search engine to give back an on-the-fly index page of all the posts where I've used that term.

Tags are like categories except they pick up everything we talk about (when we use them aggressively at least, and especially when we automate them). We don't necessarily know the categories that our potential audience might be searching for and tagifying our sites increases our keyword outreach exponentially. My personal blog has 239 entries but 3,860 pages according to Google. It's the parsed out and re-packaged content that accounts for all of this extra volume. This doesn't increase traffic by that nearly that much, but last month about 30% of my Google visits came from these tag indexes. More on the mechanics of this on my post about the tagging.

Categories: Beyond SEO
Tags: Google Yahoo, Loophole, Search Algorithm, Search Engine Optimization, Search Engine Results, Search Engines, Seo, Yahoo | 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