Photo Corners headlinesarchivemikepasini.com


A   S C R A P B O O K   O F   S O L U T I O N S   F O R   T H E   P H O T O G R A P H E R

Enhancing the enjoyment of taking pictures with news that matters, features that entertain and images that delight. Published frequently.

Everyone Loves A Parade Share This on LinkedIn   Share This on Google   Tweet This   Forward This

25 August 2014

By now you've noticed the scrolling thumbnails above our first headline. With their captions, they link to the stories they illustrate. Hover over them (that's a tap on a tablet) to hold up the parade, if you want. Click to read the story.

We think it solves a little problem we've been having.

THE PROBLEM

Running a list of headlines down the page gives no more weight to one story than another. All it does is show you the newest stories first.

In a newspaper or magazine, the more important things would be up front and take more space. We wanted something like that to highlight our more important stories.

But some headlines lead to just a few items in a Horn and others lead to the fourth part of a major review. But in the headline list, you can't see the difference.

In a newspaper or magazine, the more important things would be up front and take more space. We wanted something like that to highlight our more important stories.

So a while ago tried a ticker but we weren't happy waiting for it to cycle through a long list of stories.

Then we added that left column to showcase the most recent Reviews, Features, Book Reviews, Matinees and Obituaries. That helps but it can be a long list and some big stories fall off it each month. They're still in the Archive, of course, but you'd have to know what you were looking for.

So we thought we'd throw a parade.

THE SOLUTION

We picked our more important recent stories and some old favorites, made thumbnails with links to them and marched them along the top of the page in an infinite parade.

At the very least, it's an amusing ticker and shows the variety of content you can find here from news, reviews, history, technique and related essays.

THE DETAILS

The code is easily revealed with a Show Page Source command. It uses nothing more than HTML and CSS. The CSS styles the unordered list with a link surrounding the image and text. And it animates the scrolling and responds to the mouse hover.

It involves very little overhead, too. We just have to build a thumbnail for it, the code is automatically generated with each story by our text-to-HTML conversion software, which also generates the code for the headline page. And we don't plan to use it for every story anyway.

Let us know if it doesn't work for you. You're the boss, after all.


BackBack to Photo Corners