CSS Button No Image Css3Menu.com

Baseball Prospectus home
  
  


rssOur Latest Blog Entries
03-03Yankees-Pirates, Phils-FSU, 3/3 by Joh...
03-02Braves-Mets, 3/2 by John Perrotto
03-01Clay Davenport Now at BP Full-Time by ...

October 16, 2008, 05:08 PM ET
BP Updates: Article Page

by Jeff Pease

** Updated: 10/17/2008 5:44 PM **

Okay, okay: you were right and I was wrong. The Printer-Friendly button is back.

This is a slightly different implementation than the previous version, but it should work similarly - please let me know if you have further issues with it. That said, the fancy new File->Print functionality will continue to work as previously described (modified to address the bugs mentioned below) for users who don’t want to click the button.

I appreciate all of our commenters feedback on this feature. I was very interested to see the arguments from the users who preferred browsing using the Printer-Friendly article version. As a user of both a really big monitor and a smartphone, I can understand why it can be valuable to break the article pages out of our page structure to fill your browser screen and to allow your browser to manipulate text sizes.

That being said, using this feature in this way sort of pains me because the Printer-Friendly page isn’t really designed to be user-friendly from a browsing standpoint (it’s missing a bunch of pretty useful navigation elements). Anyway, we hope to be able to do something better for you guys down the line - and it won’t involve breaking what is already here. :-)

Thanks again for your feedback. I’ll keep monitoring comments for a while if anybody has anything to add. If you have technical issues with the new print page, please forward them to Customer Service and we’ll work them out, posthaste.

** Original article text below **

Over the past couple of months, I have been working with BP to add some site features and update the underlying architecture to make things easier to work with in the future. So far, the most obvious feature to come out of these efforts is the article comments that we added to BP and BP:Unfiltered a couple of weeks ago. Typically, these updates are designed to be as seamless and unobtrusive as possible, but inevitably, the changes will sometimes bubble up to the surface. We thought it was probably a good idea if I start documenting these updates on Unfiltered to better explain what we’re doing.

In general, our efforts have been centered around adding new features to the site and re-architecting some of our existing features to make them more flexible and more easily extended in the future. When it makes sense to do so, I have also been going in to existing pages and cleaning up the underlying HTML, to make things more styles-based and less dependent on goofy HTML hacks. The goal here is not 100% standards-compliance (although, given enough time, hopefully we will get pretty close), but lighter markup and easier maintainability.

That said we made some updates to the BP article page last night that I wanted to go ahead and explain further.

Improved markup - not 100% XHTML compliant, but much improved. Baby steps…

Printer-Friendly button is gone - this is the most obvious change that I made, and we have already gotten e-mails about it. What happened here is I implemented a CSS-based print stylesheet for the article page that should eliminate the need for the extra step of asking for a specially formatted HTML page and then printing it out. All you have to do to nicely print out an article page is to select File->Print from your browser menu, adjust the margins according to your preference and then to print as normal for your system. What you should end up with is an article page with all of the normal BP template and navigation chrome removed, and article text that prints cleanly across the entire printed page. If comments are expanded on the page (via the normal “view comments” link) then they will be printed as well.

Going to the CSS based solution for printing makes our back-end system MUCH easier to maintain - there was an awful lot of PHP code dedicated to the Printer-Friendly functionality before that is completely unnecessary now. Plus, it allows us a finer degree of control over how the document prints (for instance, using the old method didn’t work very well on wide, “Hit List”-style articles).

One thing that is no longer possible now that we got rid of the button is you will not be able to click a button to get a “Lo-fi” version of the article in your browser. I’d be interested to hear if anybody has a compelling argument for why that is useful. In general, I think that getting rid of unnecessary buttons is a win, but if this affects usability for you, then we’d like to hear about it.

I’d be interested to know how this feature works for people across a range of browsers - let me know if the print output looks bad.

The only page that uses this print stylesheet right now is the article page, but we can expand it across more pages if people find it useful.

Contact Author button is also gone - this functionality is still available by scrolling to the end of the article and clicking the italicized link that says “B.P. Author can be contacted by clicking here.” Getting rid of that button leaves us more space in the article header to play with in the future, but let me know if this omission causes you problems.

Added Incoming Links section - this is probably not something that people would notice, but it’s kind of cool. If you are reading an article that has been linked to by another article, it will be indicated in a section at the end of the page: you can see an example in this often referenced article by Voros McCracken.

This sort of interlinking is something we are going to be a lot more of in the future. We are pretty excited about the possibilities there.

So that’s what we have been up to. If you have feedback on any of these items, please feel free to discuss them in the comments. We will continue to monitor these over the next few days to see what the consensus is.

18 comments have been left for this post.

BP Comment Quick Links

Evan
(47)

That incoming links feature is a nice one. Good job, Jeff.

And Dave. We mustn't forget Dave.

Oct 16, 2008 16:00 PM
rating: 0
 
matuszek

I am glad you asked. I was going to e-mail about the printer-friendly button.

I read the lo-fi version almost exclusively, because I usually read BP on my phone (Sidekick LX). It can render the regular version, but the lo-fi version is faster and looks better.

That said, I am fine with losing the button per se, as long as &mode=print still works, and links from /news/index.php?&mode=print always have &mode=print appended.

Oct 16, 2008 19:53 PM
rating: 0
 
mtofias

I want the print button back. It's much nicer way to read the articles. It's nice on the iPhone. It's nicer on a big screen where I can triple click my browser text enlarge button and sit back from the screen. And it's a nice way to get away from the horrible blinking ads BP has featured of late (in fact your own support staff recommended this when I recently complained about an ad).

Please, please, please bring back the print button. If for some reason you can't do this, at least stop pretending that people reading the site have 800x600 screens and everybody wants the same little tight column of text. And maybe stop serving your paying customers so many ads or at least give us the whole article in authenticated RSS feeds.

I can't believe you just made the website worse because of too much PHP code.

Oct 16, 2008 22:12 PM
rating: 0
 
Aaron Moreno
(314)

I like the print button because it gives me pure text with no ads. I understand you guys need to make money, but as a paying member, I like the option to get rid of them.

Oct 16, 2008 23:01 PM
rating: 3
 
wollkind

Even if printing works nicely from the file print menu, people will be confused by the lack of a print button. I would never just file-print a web page because I would expect it to look ugly. Unless I knew that bp had a nice printed look, I'd never even try, but would just copy paste the text somewhere else to print it.

Also, you're going to get an onslaught of email about people wondering why you don't make it easy for them to print stuff.

You'll be happier with a print button. Trust us.

Oct 17, 2008 07:05 AM
rating: 1
 
ScottyB

Save a tree, stop printing!!!! :-)

Oct 17, 2008 08:02 AM
rating: 0
 
BP staff member Dave Pease
BP staff
(2)

Thank you for the comments. Please keep them coming!

Oct 17, 2008 08:04 AM
 
agentsteel53

hooray! now let's get rid of the epileptic "win a free iPod" ads and we're golden ;)

Oct 17, 2008 08:12 AM
rating: 3
 
Greg Pizzo

I would also like the print button back. I have printouts both ways and it is a little different. I am old and don't want to change!

Oct 17, 2008 09:43 AM
rating: 1
 
Lyford


Since you've asked so nicely, if you're going to allow comments with html (and I strongly approve), it would be nice to have a preview option, so that people can verify that tags are closed and the format looks ok before posting.

Oct 17, 2008 10:12 AM
rating: 0
 
ZacharyRD

You can have a print button now without the PHP - just have the button refresh the page with "print" CSS enabled. I don't see a reason to not do that if people want it. Alternatively, rename it "print and small screen" or something that translates to that.

Oct 17, 2008 10:25 AM
rating: 0
 
Mike M

I was one of those who E-mailed a somewhat tetchy note when I couldn't find the button. I wouldn't have thought to look for this explanation in Unfiltered, so was glad to see it highlighted in the newsletter.
That having been said -- & since you asked for feedback -- the new format does not work as advertised. For example, I pulled up the "ALCS Game Five" article and the ends of the first threelines print as "The knuck gave up", "inning of Game S the 2003", and "avenged that A to the Yankees."
You clearly should have tested this better before springing it on us all.

Oct 17, 2008 10:50 AM
rating: 0
 
BP staff member Dave Pease
BP staff
(2)

hi Mike,

Which browser and os are you using? If anyone else with print problems could submit the same info we can use that to track the problem down.

Sorry again for the inconvenience.

Oct 17, 2008 10:54 AM
 
FRL

I have the exact same issue trying to print today with IE 6.0 at work. Some of us really need a printable version to read on the crapper.

Oct 17, 2008 11:09 AM
rating: 0
 
Brecken

Another vote for the Print button (or some form thereof)
I use the print screen to copy the article over to take home on the train. With that button it pulls "my" default fonts, etc. Now I'm copying from the article and I need to reformat and I'm getting a macro in Word question...

Also I feel like the load time for my screen is now often up to a minute where it used to be instantaneous. Not sure if this is related, but I'm not seeing it with other sites I hit (other than sister site FO).

Oct 17, 2008 11:29 AM
rating: 1
 
R.A.Wagman

Not for everyone, but it works - I always copy the text of articles to a notepad and print/read from there

Oct 17, 2008 11:42 AM
rating: 0
 
mars2001

I'd certainly like the "Printer Friendly" button back - as I sit 8 feet away from my primary computer display (a 36" widescreen television). I use Chrome or Firefox, as IE will not allow the text to scale large enough to read.

I'll send in a screen-shot of how the page renders this evening. If nothing else, perhaps the margin size can be set as a user preference.

Oct 17, 2008 15:28 PM
rating: 0
 
mtofias

Jeff,

Thanks for fixing. Weird to read the articles in Times New Roman now.

Oct 18, 2008 09:32 AM
rating: 0
 
You must be logged in to post a comment. Not a subscriber? Sign up today!

Baseball Prospectus Home  |  Terms of Service  |  Privacy Policy  |  Customer Service  |  Newsletter  |  Masthead  |  Contact Us

Baseball Prospectus Unfiltered is powered by WordPress.
Copyright © 1996-2013 Prospectus Entertainment Ventures, LLC.