Category: web development

How to Save Your Online Clips

burning newspaperCount on the fact that some of the journalism work living on your news site will go up in smoke. To protect yourself, make sure you’re keeping digital copies of your portfolio. [Photo by Mr. Peebles]

Journo/developer Joe Murphy has a terrific post today with tips on how to save your online clips from disappearing into the ether. News sites often have arbitrary policies and systems regarding what gets kept and what gets thrown out, so make sure you CYA. And if your news org switches content management systems, well, heaven help your old clips.

Head over to Joe’s post for his complete tips, but here’s a shortlist of tips with some of my own thrown in:

-Firstly, you SHOULD be saving your stuff! Trust someone who knows: You absolutely cannot rely on your organization to keep your stuff around. And, if you suddenly get laid off, you can forget about having free access to the text archive.

-Save the text of your article in document files. Make sure your file names are descriptive and contain the date the work published.

-Know that database-backed applications, such as the tools on many site’s “data pages,” cannot be easily saved. For these apps, take various screenshots that demonstrate the tool’s functionality, such as shots of the search interface, individual records, comments features and how it was promoted on the site.

-Keep notes on how a project you worked on contributed to the site in terms of page views and unique visitors (i.e. “The New Jersey dog names database resulted in 1.2 million page views and 350,000 unique visitors over a one-month period.”)

-Make screenshots of your online work using the free Pearl Crescent Page Saver plugin for Firefox. This is an incredible little tool. Or, you can use Scrapbook, which saves a copy of the entire Web page with its images intact (hat tip to Ryan Sholin).

-Become pals with the page design crew to get PDFs of your work that was published in the newspaper (Ryan again). Better yet, get them to tell you where and how to access the PDF archive. If this is unfeasible, invest in an inexpensive flatbed scanner to digitize the pages.

-Keep a backup of your portfolio. Like any important file, you might back it up to an extra hard drive and/or store it on a web server somewhere. I do both.

-Aside from your clips, career experts frequently recommend maintaining a list of key accomplishments. Sometimes, achievements in the newsroom don’t take the tangible form of a “clip.” Keeping a list up to date makes sure you remember what you’ve done and keeps the list fresh in your mind should an opportunity spontaneously present itself. You might have to suddenly answer the question: “So what interesting things have you done during your time at the Poughkeepsie Herald-Tribune-Picayune?”

25+ of Danny’s Favorite Multimedia Tools

Many handymen have a favorite wrench or drill they adore and always keep with them. Well, journo-geeks are no exception.

Below is a shortlist of more than 25 of my favorite (and mostly free) multimedia tools. I put together this list for a session on new media tools that I led Saturday at a multimedia workshop hosted by the Florida Society of Newspaper Editors.

Hate my picks? Love em? I’d love to hear your favorites, so please share in the comments!

Here’s a peek at some of my personal favorites:

VIDEO

UStream.TV – http://www.ustream.tv
Streams live video from your laptop and camera and creates an embeddable player with chats. You can stream it on your SMART TV if you have one. You can look at VIZIO options if you are in the market for a new TV system.

Mogulus – http://www.mogulus.com
A live streaming service similar to Ustream.TV that allows you to have multiple producers at a time creating a live show.

Qik – http://qik.com
A service that allows you to easily stream live from many video-enabled cell phones. Hook up an external microphone or audio pool feed to it, and you’ll have reporters recording live video like a rock star.

SOCIAL NETWORKING/BOOKMARKING

Twitter – http://twitter.com
A constant conversation and a great place to build audience. Use Twitter Grader to find who are the top Twitterers in your area.
(I’m at twitter.com/dannysanchez)

Twhirl and Tweetdeck – http://www.twhirl.org http://www.tweetdeck.com
Desktop applications that let you manage Twitter much more easily (I prefer Twhirl).

Facebook and MySpace- http://www.facebook.com and http://www.myspace.com
Centers around personal details and friends. Features groups where you can share content.

Becoming a power user on some of these social bookmarking sites can bring big traffic to your content if it strikes a chord with your “friends” on these sites. These are just some of the top services:

Digg – http://digg.com/
StumbleUpon (Make sure to try the toolbar!) – http://www.stumbleupon.com/
Reddit – http://www.reddit.com/
NewsVine – http://www.newsvine.com/
Delicious (Try the Firefox plugin) – http://delicious.com/
Tailrank – http://tailrank.com/

TIMELINES/SLIDESHOWS

VuVox – http://www.vuvox.com
Creates stunning multimedia timelines that let you embed slideshows, video and more.

Dipity – http://www.dipity.com
An embeddable timeline app that is great for timelines with a lot of points and detail.

Soundslides – http://soundslides.com
A great and inexpensive tool for creating impressive audio slideshows.

PHOTO EDITING

Picnik – http://www.picnik.com
A free, simple web-based photo editor that is perfect for turning your whole newsroom into web producers without dropping $200 for Photoshop Elements. Has a nice Firefox plugin and syncs up to Flickr.

Pixlr – http://www.pixlr.com
A web-based photo editor that is extremely robust and similar to Photoshop.

Photoshop Express – https://www.photoshop.com/express
Provides many of Photoshop’s features in a free web-based editing tool.

More great image editors reviewed here: http://sixrevisions.com/tools/web-based-image-editors

Flickr – http://www.flickr.com
Not just a great place to share and promote your photo work, it’s also my top source for Creative Commons photos used on this blog.

WEB DESIGN

Firefox Web Developer Toolbar – https://addons.mozilla.org/en-US/firefox/addon/60
Has a pixel ruler (how wide is that box?), element inspector, CSS editor and much more.

Firebug – https://addons.mozilla.org/en-US/firefox/addon/1843
A Firefox plugin that can pick apart a Web site and let you edit HTML/CSS on the fly to fiddle with a design. Try with Yslow.

FireFTP – http://fireftp.mozdev.org/
An easy and free FTP client that works right inside Firefox.

You have noticed all this stuff is for the Firefox web browser, right? Just making sure!

Notepad++ (For PCs) – http://notepad-plus.sourceforge.net
A much better text editor for working with HTML/CSS and virtually any kind of code such as PHP, Python, Ruby and more. Adds colors to your code and features tabs and macros. I refuse to use crash-prone, resource-hoggin’ Dreamweaver to write any code!

OTHER

PollDaddy and MicroPoll – http://polldaddy.com and http://www.micropoll.com
Create embeddable polls for your site with no hassle.
(Plus: Shelley Acoca of the Miami Herald recommends Vizu for polls)

WordPress – http://wordpress.org
IMHO, the best blogging platform out there (used here on Journalistopia). It’s free and has thousands of great plugins built by a large network of developers.

Tableizer! – http://tableizer.journalistopia.com
Quickly turns spreadsheets into HTML tables you can put online. Built by yours truly!

Wordle – http://www.wordle.net
Create beautiful “tag clouds” out of a block of text.

Cover It Live – http://www.coveritlive.com
Provide liveblogging updates and host web chats with an embeddable widget. Lets multiple producers help with a chat.

Bloglines Beta and Google Reader – http://beta.bloglines.com and http://www.google.com/reader
Don’t hop from site to site. Use an RSS reader to bring the news to you. I’m a Bloglines Beta user, but Google Reader is also an excellent choice.

Audacity – http://audacity.sourceforge.net
A powerful, free audio-editing suite used by many multimedia producers.

Media-Convert – http://media-convert.com
Converts an enormous array of files. Perfect for mysterious video or audio formats.

Joomla and Drupal –
Two of the top free, open-source content-management sytems available to creators who want more than just a blog. Some major sites are using these tools. You can tweak them as much as you like, or use them right out of the box, depending on your needs.

(PLUS: Bill Mitchell of Poynter Online convinced me Saturday that a defined framework for making ethical decisions is as important a “tool” as any web app. Hence, I give you the Poynter Ethics Tool and Ethics Hotline, which is like having your personal, on-call anti-stupid-decision counselor.)

New Tableizer! Tool Turns Spreadsheets into HTML Charts

Web producers here in our newsroom often have to throw up quick charts of data online, but hand-editing a table from a spreadsheet or exporting it from Office or Dreamweaver can be a time-consuming endeavor.

Well, now you have Tableize!, a time-saving tool that lets you copy/paste spreadsheet cells, click a button and –voila!– instant HTML tables you can quickly put online.

I put together Tableize! mostly in my spare time with PHP and a bit of script.aculo.us. The tool is a more modern version of the very talented Ray Villalobos’s long-standing Table Tango tool, which saved our butts plenty of times here in the Orlando newsroom, so much credit and respect to Ray for his original idea.

If you like Tableize!, please share it with others who might benefit. And do let me know if you spot any bugs or have suggestions for the tool. Enjoy!

[Tableize! – A quick tool for creating HTML tables out of spreadsheet data]

Screencasts: Learning Django from the Ground Up

If at some point you peeked over at my reading list on the right rail of this blog, you’ll have noticed that I’m currently engaged in learning the Django web development framework for Python (with invaluable help from some talented folks). To that end, I subscribed to the This Week in Django blog, where I just stumbled upon what promises to be an excellent series of screencasts for beginner’s using Django.

What separates these screencasts from, say, the Django book, is that they also delve into important stuff like setting up a version control system and creating a proper development environment. So if you’re leaping into the Django fray, make sure to keep an eye on these screencasts.

[This Week in Django: Django From the Ground Up: Episodes 1 & 2]