Microsoft Word Web Design

Client projects and tech blog posts about Microsoft Word

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
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

I'm working on an international site built in Movable Type and including statements in multiple languages, including "Right to Left" languages like Arabic and Hebrew.

I was pleasantly surprised when I cut-and-pasted an Arabic text from MS Word into Movable Type and found the letters looking good both in the MT entry box and the resultant post. I didn't realize just how powerful UTF-8 encoding is and how well MT supports it throughout the system. Still, the output wasn't correct, as it wasn't displayed in right-to-left fashion. I needed to figure out the CSS for this kind of output and an easy way to allow the client to set this without forcing them into coding.

Using the highly-recommended Rightfields Plugin I added a checkbox field for posts that should be displayed in RTL. Here's a screenshot:

RightFields has an IF function that we can use to set a new DIV with our RTL style. Here's the coding in the MT template, stuck in just after the "entry-body" div:

<MTExtraFields>
<MTIfExtraField field="RTL">
<div class="rtl-display">
</MTIfExtraField>

Note: you'll also have to add similar code to close the div at the end of the passage.

Finally, as best as I can determine, this is the proper CSS designation for RTF display (Microsoft has a good webpage on this). It works in Firefox, IE7 and IE6.

.rtl-display p {direction:rtl;text-align:justified;text-align:justify;}

I'd be happy to get any feedback or corrections to this. I'm a typical 'Merican whose foreign language skills don't go far past a dozen phrases lifted from Sesame Street and long-ago French classes. Arabic and Hebrew typesetting are quite unfamiliar terrain.

Categories: Movable Type
Tags: Fashion, Hebrew, Highly Recommended, Languages, Movable Type, Ms Word, Pleasantly Surprised, Resultant, Rtl, Screenshot, Wikipedia | 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