...Advertisement...

...Advertisement...

ONA announces finalists

Roanoke.com was listed as a finalist in two categories for the Online Journalism Awards, presented by the Online News Association and the USC Annenberg School for Communication. The categories were for General Excellence in Online Journalism and Outstanding Use of Multiple Media for "The Crooked Road."

Both awards put us in elite company. As the blog Online News Squared points out, the dual entries put the site among 10 others to appear in multiple categories.

This is fantastic news and follows recognition by the Newspaper Association of America (Digital Edge award for multimedia), the National Journalism Award from the Scripps Howard Foundation (Web Reporting for "The Crooked Road") and the "EPpy" from Editor and Publisher (Best Overall Newspaper-Affiliated Internet Service for under 1 million unique monthly visitors), not to mention several nods from the Virginia Press Association and the Associated Press.

It's a small but dedicated and passionate online team that makes the site worthy of such recognition. It also helps to have strong support from the company leadership who push all of us to do better.

More on the Homestand: Video using Flash 8 Alpha




The Homestand project enabled us to do some interesting Flash 8 alpha video work.

Using the chromakey cyc wall in our studio, we were able to do video cutouts with a drop shadow applied to the ballplayers using Adobe Premiere, Quicktime and Canopus Edius 3.0. Special thanks to a great tutorial found at Community MX and a Flash Pro 8 book by Tom Green.

Looking back: Homestand

The Homestand screen shot

If you missed the debut of The Roanoke Times' latest special package Homestand, you're in luck -- the Web doesn't strike out.

Here's a summary:

From the crack of dawn until the last light pole at Salem Memorial Baseball Stadium is shut off later that night, there's rarely a slow moment for those involved in running an Avalanche homestand. The Roanoke Times spent some extra time during the team's four-game series with the Kinston Indians in an attempt to spotlight those who prepare the field, prepare the food and entertain the masses who are looking forward to -- and even expecting -- a special experience at the ballpark every night.

Aside from the wonderful story by Katrina Waugh, this package features a host of multimedia items including an innovative use of video courtesy the new(ish) studio. This can be seen on the interactive link.

Also new are several new uses of the scriptaculous JavaScript library, and Prototype framework. Click the "about" and "contact" links located at the bottom of the Homestand page, and watch the effect. You can see a variation on this when viewing page two of the story -- no more links to multiple pages!

For the multimedia "pop-ups," we used the Lightbox Gone Wild script from the good folks at Particle Tree. This is a modified version of the Lightbox script we are already using to display photos and graphics throughout roanoke.com.

For the Homestand, this script allows us (via the beauty of AJAX) to pull in the Flash objects overlaid on the primary page. In this way, control is never taken out of the users' hands. There are also links to the individual multimedia items as well.

One of my favorite parts of this project is the contact form, revealed when you click the "contact" link at the bottom of your screen. Using this form is much easier than opening your e-mail client, and allows you to send your thoughts on the project to both the dot.com and sports sections.

Of course, you're always welcome to post your thoughts on the Homestand here on this blog.

Improved photo galleries

The Week in Photos gallery

The Week in Photos has now been converted from the older, Flash-based gallery, to the new JavaScript and XHTML driven model.

View any new photo gallery on roanoke.com, and you'll find they've changed somewhat. This is because we've updated both the presentation and the backend coding driving the galleries.

Oh, and you can now buy most any photo you see in the gallery through a new service offering called Pictopia.

But back to the galleries.

The primary difference between the old galleries and the new ones is the way they are presented to the user. We used a Flash-based program called SlideShowPro through most of the past year with fairly good results. However the method for updating and building those galleries was time-consuming, and expensive -- Adobe's Flash software isn't cheap.

We also wanted the ability to tie in the aforementioned ability to allow users to easily purchase photos from the galleries, something that would require significant modification to the Flash model.

The solution, and the resulting new galleries, was handled through a mixture of JavaScript, XML and XHTML. Now we can control the look of the galleries to a higher degree, and still provide a fancy-pants transition like the Flash gallery.

Here's an example of the old, and the new.

Starburst baseball cards

Lou Harrell the baseball player
The HCA Virginia All -Star Game starts today, and we put together a special page about the players, including short bios and boxscores for the past 10 years. I wanted to do something special for the player mugs, and I like the effect seen here. This tutorial explains how to make the graphic. One caveat: you have to make it with Adobe Illustrator.

Blogging for the masses

Movable Type interface

The Movable Type system interface manages several blogs at once.

Since The Roanoke Times has recently expanded its blog ranks during the past few weeks, it might be a good time to explain the backend of our blogging system.

After all, blogging can be pretty technical without all that writing and stuff.

All of our blogs are run through a CMS called Movable Type (v3.2). This is a powerful system produced by the folks at Six Apart, who also distribute the equally popular TypePad and LiveJournal publishing platforms.

But MT and its siblings aren't the only kids on the block. And as luck would have it, USC Annenberg's Online Journalism Review recently (May 18) updated its "Blog software comparison chart," which shows a rundown of the most popular systems.

We chose MT based on its excellent ability to manage many blogs at once, while still remaining simple enough for someone with minimal training to use. In fact, some bloggers in our newsroom even say that it's learning curve is more shallow than our print publishing system!

And the blogs aren't just for text and photos. The TimesCast is also published using MT (and a specially designed Flash video player).

MT isn't entirely perfect, and it faces steep competition from open-source blogging systems such as WordPress. But for our purposes, it allows for an effective entrance into the blogosphere.

roanoke.com wins 'Eppy'

EPpy Logo

The EPy logo

Multimedia producer Seth Gitner is in Las Vegas this weekend to attend the Editor and Publisher annual "Eppy" awards, and it's a good thing we sent him. Seth called my cell phone (I'm in Tampa coming back from a session at the Poynter Institute) to report that roanoke.com won top honors for Best Overall Newspaper-Affiliated Internet Service for under 1 million unique monthly visitors. Pretty good news and a great way to end the week. Lots of kudos go out to the online team and the overall news team, who work hard every day to produce great content for the site.

UPDATE: Here's the list of winners as posted on Editor & Publishers Web site.

In the category of Best Overall Newspaper-Affiliated Internet Service under 1 million unique monthly visitors, the Roanoke.com was the winner.

UPDATE: Another mention of Roanoke.com's EPpy win popped up on Poynter's Romenesko this morning.

Different but the same

Roanoke.com gateway using FireFox

The tabs on the gateway are displayed flush left in the FireFox browser

One issue the dot-com staff of The Roanoke Times deals with on a constant basis is ensuring roanoke.com looks and performs well across multiple browsers.

To see what I mean, open up our home page in the current version of Microsoft's Internet Explorer browser. Then open up the same URI in the latest version of the FireFox browser.

Right away you'll see subtle visual differences. The tabs on the main content box are shifted ever-so-slightly to the right in IE, while in FireFox they're flush left. A more major difference is evident on this blog -- you won't see the "share this post" function in IE.

Roanoke.com gateway using IE

The tabs are set a few pixels to the right when viewed in Internet Explorer

The reasons for these small variances are in how each browser interprets the style rules listed in the cascading style sheet, or CSS, file driving the design (how the code looks in your browser) of a given page. In fact, if you do a view source (CTRL + U in FireFox) you'll see the critical information listed at the top of the code.

Notice the [if lte IE 7] mention? That's where the IE-only style rules are stored.

And that's also one of the hard parts about building and maintaining a Web site -- having to adjust and create additional design for different browsers. Fortunately, this might get better soon as Microsoft is planning the next release of the long-awaited version 7 of IE very soon.

In fact, the second beta version of the browser is available now.

We try not to push folks toward a certain browser to use when viewing roanoke.com, but we do plead everyone use a current version.

More modern browsers like FireFox, Mozilla, Opera and Apple-only browsers Safari and Camino are free, and are updated often. Microsoft has only updated IE 6 (the latest version) to address security concerns, and not how it renders code.

Try experimenting with these different browsers to see what works best for you.

Search


About this blog

"From the Newsroom" is a place for newsroom editors to discuss with our community the decisions, backstories and details that go into producing The Roanoke Times and roanoke.com.

Here, we'll tell the stories behind the stories you see in the paper and on the website, talk about the decisions we've made and why we've made them, and introduce you to new features and projects we're working on.

Please join us along the way.

[ Meet the editors. ]

RSS feed

Recent comments

  • Your "message boards" are a disaster. They are not even message boards as traditionally defined. ...more - Mark
  • I don't understand your theory on enabling comments for stories. Some stories have comments and ...more - Mark
  • Is this secure? As an IT security skeptic I would not upload anything with like ...more - Valerie
  • If you want people to use the message boards I would recommend putting an icon ...more - Roanoke RnR
  • Looks nice. We just launched a new site for Roanoke College about a week ago ...more - Whitney Anderson
.....Advertisement.....