Html/CSS Game Ready Template - rationalized box sizes and columned legend - 05/13/10
On May 7th I introduced a skeleton html score card that became bent out of shape as one added data to the columns. On May 10th I introduced a fix using CSS boxes that added horizontal and vertical stability.
Now I've rationalized the space used; I've made some data entry boxes smaller and some bigger, depending on how the score card worked while actually scoring a baseball game.
Next I intend to float text data in each box for a cleaner look. Also I want to add a set of columns beside each batters set at-bat boxes for AB, R, H, RB, BB, SO, PO, A, LOB. A score card should have a space to record every pitch that is thrown during a game; this too will come.
You can download this score card
To take a copy for yourself simply high light the entire table by holding the left click button on your mouse down while dragging the cursor from the bottom to top of the table, copy, and in your blog (with the "New Post" page tabbed to the "Rich Test"), paste - and save.
To score a game, copy the saved template and paste it to a new post, click to Rich text and start typing in-side any box.
Each batters at-bat box has room for three characters across and three lines down for a total of nine characters. This is tight for all the info scorer's find themselves entering during and after each at bat. To fit all this data I have revised some of the standard notations. The legend below shows the notations that I have used so far in scoring 4 MLB games. Some are the old standards, some are new.
One of the most difficult things to show on a score card is what's happening with the base runners - and when.
"Scoring a Baseball Game the Project Scoresheet way" is a new way of scoring a baseball game published November 2001 by David Cortesi. It invents new protocols and notations towards entering penciled score card data into a computer via scanning.
I borrow one of David's ideas; the box on the left shows an at-bat box from Project Scoresheet, with three lines. My html/css scoresheet below-right also has three lines. The top line describes what happens before the play (a runner on base steals), the middle line shows the play (a hit, walk or out) and the bottom line shows what happens after the play (advances a base, scores...).
Below is a good example; Jeter walked to lead off the 3rd. During Gardner's at-bat Jeter steals second (#1s). Then Gardner strikes out looking. In the next at-bat Jeter scored when Teixeira's hit the ball to right for a base hit (BH9). Teixeira got an rbi (r) and was left on base, at first (-).
Enjoy scoring games! Any feed back is appreciated.