Drupal Rocks Newspaper and Journalism Websites

Posted by Amazon on May 20, 2008 at 11:24pm

Drupal Rocks Newspaper and Journalism Websites from Drupal Rocks on Vimeo.

Screenshots are available here: http://skitch.com/drupalrocks

Comments

Still missing PopSci. Should

Posted by laura s on May 22, 2008 at 8:40pm

Still missing PopSci. Should I have hurt feelings? ;)

Laura
pingVision, LLC (we're hiring)

_{Laura Scott
PINGV | Strategy • Design • Drupal Development}

The missing slide ...

Posted by sooz on May 22, 2008 at 9:00pm

Hi Laura:

Sorry about the missing PopSci slide. It's one of the featured sites on the main showcase slideshow I helped Kieran put together (http://vimeo.com/1023097) and I did add it to the newspaper+journalism showcase after you noticed it was missing the first time around. I'm not sure how I managed to take it out before publishing the updated slideshow. Sincere apologies about that. I'm making an update and there will be a new slideshow update posted as soon as it's up on Vimeo ...

Sooz

No apologies needed! I

Posted by laura s on May 23, 2008 at 12:21am

No apologies needed! I thought the ; was enough of an indication that I was not upset. Still, it's nice to hear that their site is featured. :D Thanks!

Laura
pingVision, LLC (we're hiring)

_{Laura Scott
PINGV | Strategy • Design • Drupal Development}

The list of websites in the newspaper and journalism showcase

Posted by sooz on May 23, 2008 at 3:58pm

Here's the list of websites that are in the latest version of the newspaper and journalism slideshow. If you see anything missing, let Kieran and I know.

Ads of the World - http://www.adsoftheworld.com
Ain't It Cool News - http://www.aintitcoolnews.com
Al Akhbar - http://www.al-akhbar.com
Bluffton Today - http://www.blufftontoday.com
COA News - http://www.coanews.org
Columbia Spectactor - http://www.columbiaspectator.com
El Espectador - http://www.elespectador.com
Fast Company - http://www.fastcompany.com
Forbes.com Office Pranks Network - http://officepranks.forbes.com
France 24 - http://observers.france24.com
GazetteNET by the Daily Hampshire Gazette - http://www.gazettenet.com/beta
iCitizen Forum - http://www.icitizenforum.com
indymedia.be - http://www.indymedia.be
Information - http://www.information.dk
Journalisten - http://www.journalisten.dk
JUS News at the University of Sheffield - http://jusnews.shef.ac.uk/convergence_08
LA2DAY - The Los Angeles Lifestyle Magazine - http://www.la2day.com
Linux Journal - http://www.linuxjournal.com
Managing News - http://www.managingnews.com
MAPLight.org - http://www.maplight.org
MediaME - http://www.mediame.com
MediaWatch - http://www.mediawatch.dk
NWsource from The Seattle Times Company - http://www.nwsource.com
Newswatch - http://www.newswatch.in
NowPublic - http://www.nowpublic.com
openDemocracy - http://www.opendemocracy.net
Playboy Germany - http://www.playboy.de
Popular Science - http://www.popsci.com
PRI's The World - http://www.theworld.org
Rejseliv - http://www.rejseliv.dk
Rue89 - http://www.rue89.com
Savannah Now - http://www.savannahnow.com
Schamper - http://www.schamper.ugent.be
Shenzhen Party - http://www.shenzhenparty.com
Snowboard Magazine - http://www.snowboard-mag.com
Straight.com - http://www.straight.com
The Cornell Daily Sun - http://www.cornellsun.com
The Jakarta Post - http://www.thejakartapost.com
The New York Observer - http://www.observer.com
The Onion - http://www.theonion.com
The Public Press - http://www.public-press.org
The Rake - http://www.rakemag.com
redblue america - http://www.redblueamerica.com
The Vineyard Voice - http://www.vineyardvoice.org
The Weekly Dig - http://www.weeklydig.com
Us Magazine - http://www.usmagazine.com
Voyages - http://voyages.liberation.fr
Welt Debatte - http://debatte.welt.de
World Pulse Magazine - http://www.worldpulse.com

You can add us

Posted by eli on May 30, 2008 at 6:13pm

My company has a network of 22 (or so) news sites all running Drupal 5.7. E.g. http://www.fiercewireless.com/ http://www.fiercefinance.com/ and http://www.fiercebiotech.com/

There's a list of all of them here: http://www.fiercemarkets.com/explore

In my (extremely biased) opinion, it's a nice demonstration of some of the things you can do to make different drupal installs work "together." For example, the "Most Read" box aggregates stories from several different Drupal installs.

Eli

oh that's you who worked on

Posted by kvantomme on May 30, 2008 at 6:52pm

oh that's you who worked on those, I've been quoting fiercebiotech several times as an example of RSS/Drupal sites

nice job!

Check out more of my writing on our blog and my Twitter account.

Thanks!

Posted by eli on June 1, 2008 at 3:33am

Thanks!

One of these days I should really write up one of those "this is how we did it" posts.

Managing this many different Drupal installs presents its own unique challenges. We've also done a bit of tweaking to boost performance that others might benefit from.

Eli

That will be very helpful

Posted by edialogue on October 29, 2008 at 5:00pm

For those of us who are not computer programmers, writing a how-to article will really be very helpful. We know you guys are very busy but any help you can give the rest of us will be appreciated. Can you tell me how you built the sites - the theme used, the modules deployed, how to add dates to titles...?

Thanks for responding and thanks for all your help. Greatly appreciated. Still new to Drupal and struggling to understand it.

Theme?

Posted by edialogue on October 29, 2008 at 4:49pm

Which theme did you use for these sites? Beautiful sites indeed.

Any of the great sites in Drupal 6?

Posted by jkimwright-dupl... on October 29, 2008 at 4:58pm

They do look great. I perused the sites and looked at source info and saw only Drupal 5 which included modules not available in 6. With so many sites, I didn't check them all. Does anyone know of any Drupal 6 sites?

We'll have another one to

Posted by laura s on October 29, 2008 at 7:16pm

We'll have another one to add soon. Drupal 6 in fact makes the project easier than it would have been in Drupal 5.

Laura
pingVision, LLC (we're hiring)

_{Laura Scott
PINGV | Strategy • Design • Drupal Development}

Thanks! The short answer is

Posted by eli on October 29, 2008 at 9:40pm

Thanks! The short answer is that it's a custom theme. We hired a designer for the original wireframes way back when, but the design has evolved considerably over its life.

In fact we recently completed a new round of changes. For the first time the site design isn't exactly the same site to site thanks to the subtheme technique borrowed from Zen theme. (All the sites are still running off a single Drupal install). Compare www.fiercecio.com to www.fiercewireless.com to www.fiercebiotech.com

Newspaper website to add

Posted by Jordan.Schmitt on October 29, 2008 at 2:33am

The Virginian-Pilot (Norfolk, VA) running Drupal 5 -- http://www.pilotonline.com and http://www.hamptonroads.com . It seems gazettenet.com used The Virginian Pilot's website as a model even. Both sites look good.

Good Looking Sites

Posted by edialogue on October 29, 2008 at 4:46pm

These are exceptionally good looking news sites. Does anyone know the theme and modules used to build them? This information will be very useful to me and I suspect to many others. Drupal rocks.

PilotOnline Theme

Posted by Jordan.Schmitt on November 1, 2008 at 12:46am

I was one of the developers for both http://www.pilotonline.com and http://www.hamptonroads.com (Drupal 5) . The theme was made by one of our designers from scratch -- he didn't even start with Zen. This was the first Drupal project our team had ever worked (before switching to Drupal we were primarily a ColdFusion/PHP shop). As far as a list of modules many were custom made since our product people had very specific needs. The modules we used "out of the box" were pretty standard for newspaper Drupal sites -- boost, fivestar, cck, pathauto, blogger and fckeditor (this is not a complete list).

On themes, modules...

Posted by juan_g on October 29, 2008 at 8:17pm

edialogue wrote:
>These are exceptionally good looking news sites. Does anyone know the theme and modules used to build them? This information will be very useful to me and I suspect to many others. Drupal rocks.

You can see details about some of them in the Success stories section. For example, a well-known case study on the New York Observer: they use a custom visual design, and a number of modules, especially CCK a lot, also Views, etc.

The Gazettenet.com theme was

Posted by R.J. Steinert on October 31, 2008 at 7:07pm

The Gazettenet.com theme was redesigned before it was launched. I had a the pleasure of working on that redesign :-)

minor correction to list

Posted by Paris_Finley on October 31, 2008 at 6:46pm

Could you drop the "/beta" from the http://www.gazettenet.com listing? Thanks!

The truth, the whole truth, and nothing but the truth.

We're missing

Posted by onaz on May 24, 2008 at 6:29pm

http://www.uusisuomi.fi

maybe this one

Posted by solforum on May 27, 2008 at 7:40pm

there is no english content of this page but i saw some foreign language web pages.
this is a online political news site. (like opendemocracy)

http://www.solforum.net

www.galwaynews.ie Connacht

Posted by alanburke on May 30, 2008 at 7:30pm

www.galwaynews.ie
Connacht Tribune Group Galway, Ireland

AsianceMagazine - Drupal Site

Posted by techrobo on June 2, 2008 at 4:16am

www.asiancemagazine.com an online magazine, is a great Drupal site too.

Journalism.org and others

Posted by febbraro on June 12, 2008 at 7:53pm

Over here at Phase2 we have done:

http://www.journalism.org
http://www.concernedjournalists.org

We have also done quite a few magazine sites like:
http://www.maclife.com
http://www.oxmonline.com
http://www.securitymanagement.com

Much more to come in the way of journalism and magazines in a few weeks

Omisión o veto?

Posted by Nidia F Morales on June 15, 2008 at 4:08pm

Nidia F Morales
No pude entrar y no sé si es que me vetaron o estoy cometiendo algún error. Si es lo primero. ni modo. Si es lo segundo, agradecería cualquier ayuda. Gracias.

Nidia F Morales

CHARTattack.com redux

Posted by blueflowers on October 29, 2008 at 4:52pm

We just finished building this site in D5 for a client.

http://www.chartattack.com

Designing them tabs

Posted by amax on October 30, 2008 at 5:00pm

blueflowers,. I would really really love to know how you build the tabs "spotlight, news, features reviews". Really excellent work. Did you use the simple tabs module for this and then just theme?

Actually it was totally

Posted by blueflowers on October 30, 2008 at 7:28pm

Actually it was totally custom using Jquery and Jquery Tabs (http://stilbuero.de/jquery/tabs_3/). We then created a theme function in template.php that fills the content.

Hope that answers your question! :)

If additions are still relevant...

Posted by Allie Micka on October 30, 2008 at 6:30pm

Twin Cities Daily Planet

Might as well toss our hat in

Posted by Ken Hawkins on October 30, 2008 at 6:52pm

TheDigitel, Charleston, S.C.

Very nice! What did you use

Posted by blueflowers on October 30, 2008 at 7:29pm

Very nice! What did you use for the large rotating image on the homepage?

Shucks.

Posted by Ken Hawkins on October 30, 2008 at 7:54pm

Shucks. -- Using jQuery Cycle to do that.

It works essentially like this:
- A view is generated using a dynamically loaded taxonomy term
- The view spits out HTML in a way that works with the Cycle plugin.

I'll give you more details on how, if you're interested.

Side note: I know the javascript file is called jCarousel.js, but it's not really. It's a long story. Cycle has a much better function to rotate the slides, IMHO.

that's a nice setup!

Posted by blueflowers on October 31, 2008 at 6:25pm

I've never really looked into cycle, but the footprint seems to be much smaller then Carousel. Thanks for the direction on that!

…And there's a Cycle Lite

Posted by Garrett Albright on October 31, 2008 at 6:41pm

…And there's a Cycle Lite version which is even smaller, if the only transition you need is a fade.

I'm using it for a project currently myself, and will use it for future projects most likely. It'll replace a Flash file I built myself which did pretty much the same thing. My only complaint is that instead of fading the foreground slide in over the opaque background slide, it fades the foreground slide in at the same time as it fades the background slide out, so you're able to see the background color show through as the transition happens (both slides are partially transparent). I tried to tweak the parameters in order to stop it from doing this, but everything I tried caused weird problems… In the end, it's a minor annoyance compared to being able to replace a Flash-powered thingie with a Javascript/jQuery-powered one - but if anyone knows how to fix it, please share.

The Boise Drupal Guy!