It’s amazing what a little branding scare will do to ignite change in a large public institution. For what has seemed like years Mizzou’s Facebook presence has been seriously lacking in an official capacity. There were many reasons: hesitancy by administration, lack of staff for support, lack of content, fear of the unknown, etc. All of those reasons (which amount to excuses) held us back. That was, until Facebook announced they’d be providing users and pages with the option to create vanity urls. We mentioned to administration the fear of others snatching up ‘Mizzou’ or ‘University of Missouri’ as names and we were off to the races!
“You don’t have to give up the power of Microsoft Project for the simplicity and efficacy of Basecamp. The IntelliGantt Add In for Microsoft Project gives you the best of both worlds, which means a happy project manager and a happy team.”
That quote, from the Team Direction Web site, pretty much sums up my latest breakthrough as project manager for Web Communications. But how did I get there?
It began with Basecamp
Our department has been using Basecamp since before I worked here. It’s a great online tool for managing project tasks because it allows everyone on the team to see to-do lists across multiple projects and to add, delete and mark complete those to-do items as needed. You can give team members access to as little or as much as needed and there are no syncing or hosting issues since it is Web-based.
Monthly charge or not, we weren’t ready to give up our Basecamp account. But that doesn’t mean it’s perfect. While Basecamp allows you to assign milestones within a project, it doesn’t have the ability to apply complex dependencies among those milestones. (You know, task B can’t start until task A finishes, no matter how late task A runs, and so on…) Yes, if you move one, Basecamp can move all subsequent milestones back by the same number of days, but this is far too simplistic for the level of complexity in a multi-person, multi-project office.
Enter MS Project
Gantt charts are my friend. I’m a visual person, and I really like being able to see a project (or several projects, in my case) laid out in front of me on a timeline— no imagination required. In a perfect world, our department would switch over to Project and take advantage of its collaboration features. But the problem with that is that we’d need the more expensive MS Project Server and the Web Access add-on. What’s more, we would have to purchase 12 licenses and somehow get our IT department to expedite their process for evaluating software and providing support. Not likely.
So, I compromised and decided that we really only need one copy of MS Project Standard for our department. The least expensive solution in the Project family of products.
I ‘d make my Gantt charts and print them for my office wall from time to time so that others could check in to see how things were shaping up. And then I could take some time to transpose those dates and to-dos into Basecamp. It’s not ideal, but it’s a cost-effective compromise.
But what if Project could sync with Basecamp? That’d boost my productivity like none other, right?
Enter the IntelliGantt Add In for MS Project
The IntelliGantt Add In for MS Project seems to have been developed with MS SharePoint in mind, but it does sync with Basecamp. Here’s a screencast about integrating Project and Basecamp. I struggled a bit at first, but once I enabled Basecamp’s API, it worked like a charm. (You need to be the account owner, not just an administrator, to do this.) I’m still working out the kinks, like how to set up MS Project so that milestones and to-do items appear correctly in Basecamp, but it’s already saving me mucho time.
As it stands now, all of the line items from MS Project show up in Basecamp as one to-do list. I still need to assign responsibility for the task, but I’m guessing there’s away to automate this that I haven’t found yet. I also need to manually sort to-dos into separate lists for easier reading in Basecamp, but that’s not too time consuming with the drag and drop feature.
As with anything, the longer I use the software, the more adept I’ll become. I’m definitely open to advice if anyone else has a similar set-up, though!
Our office has grown to where we’re not a few people who wear a bunch of “hats”. We now have a group of people who are specialized in their own little world. Whether it be technical or content, we all have our own avenues we traverse in the web world. This situation creates communication problems where we have to explain how we do our jobs, or even what certain words mean, to our own office mates. This eats up precious time and creates “knowledge gaps”.
Smashing Magazine - a great web resource for developers - has provided an aggregate list of web glossaries for just this problem. Categories include typography, usability, marketing, CSS and XHTML and more. It might not make a writer an expert on analytics, but it is a great way to get started; or at least give someone some working knowledge on a subject.
So if you’re having a problem trying to explain what resolution is to a client or what the heck wysiwyg means, check out this helpful listing:

Another MU WebCom project is done! The redesigned Human Resource Services (HRS) site is live. This was a long, complex project that touched almost everyone on our staff. Every aspect of the site was rebuilt, from the information architecture to the final design. The following is a quick recap of our goals.
This week, we had the big boss command us to put the AddThis button on MizzouWire’s story pages. It’s a handy service that helps visitors share your content by emailing it or posting it to various social media sites.
It’s just a little button. How hard can it be to add it?
Well, that depends …

It’s never easy to just add a feature to your site. Even little buttons have their problems. The AddThis button, for example, uses off-site JavaScript to work and if you don’t apply it in a certain way, it might affect your site in unexpected ways.
Sure, if you just copy and paste the code where you want the button, it’ll work, but here are some of the problems we ran into.
On a recent project, I needed to produce a simple slide show, like this one, so I used SlideShow Pro (SSP) to create it. The difference was that I needed to have captions appear below the slide show and a click through button on top of it to let the viewer know that there was a profile attached to the image. Since SSP doesn’t do this “out of the box” I had to resort to using some ActionScript.
Note: All code here is AS2 and I assume you already know how to use SSP.
Create your slide show
I already figured out how to make my captions display externally, so review that post for more detailed info. For this project, here’s a quick overview:
- Create your Flash document using ActionScript 2 (code here is in AS2).
- Place your SSP instance and give it an instance name of
my_ssp. - Publish your slide show and make sure it’s working.

It’s time again to start nominating your favorite higher-education Web sites for the annual eduStyle Awards. This is the same awards where Mizzou Wire won Best Magazine Site last year. Time to nominate is limited, so be sure to head over to eduStyle, browse the Gallery and nominate a deserving site.
Interface_ blog now has a Twitter account. We’ll be posting blog updates along with quick thoughts and links about higher-ed Web design. Check out or Twitter page and Follow us!
The fabled, IE8 is here ushering in a new era of compatibility, Web standards and fewer browser bugs. There will be much rejoicing by Web developers whose jobs will suddenly become easier and they can spend more of their time creating great Web sites that make the world a better place.
Not quite.
Compatibility in IE8
In a post on the IEBlog, Just The Facts: Recap of Compatibility View, IE8’s compatibility is explained. Be sure to take some notes because simple it ain’t. Yes, IE8 runs in standards mode by default, but the new “Compatibility View” feature and IE8 site blacklist start making things difficult.
Since the IEBlog is about as clear as mud, I found an alternative explanation on the topic, The IE8 Blacklist minefield. I suggest giving it a read. It clearly explains the situation and what Web developers have to do about it.
What are the issues with IE8?
To sum it up quickly, here are the things you should know about IE8 and compatibility:
- IE8 renders in standards mode by default unless
- Your site is on the IE8 blacklist
- A user opts to run your site in Compatibly View
- Compatibly View does not render the same as IE7, so you have a new browser to test in (yay!)
- You can select which mode the browser renders in by using a versioning meta tag or HTTP header
- If you use select a rendering mode, your site visitor will not have the option to use Compatibly View
So basically, I have to opt-in to standards mode?
Yup. The IE8 blacklist basically forces you to pick a rendering mode or else Microsoft or your users will pick for you. That’s the only way a developer will have control over how their content is rendered.
Start learning those meta tags and start testing.
A few years ago, at a Web design seminar, I was able to see Nate Keochley speak about the redesign of Yahoo! and Yahoo! Mail. I found it to be the best presentation at the conference, so when I found a video of another one of his presentations I was eager to check it out.
Professional Frontend Engineering begins with a good explanation of what a frontend developer does and why it’s so hard to develop in “the most hostile software development environment imaginable.” The second part gets into explaining html tags, doctypes, proper naming conventions, some CSS concepts and unobtrusive JavaScript.
It’s worth watch and full of great information.
