This article was originally published at my other blog, the Blogger Baseball Scorecard blog, on Thursday, July 7, 2011.
Updated: July 25th 2011
|A Screen-shot of the Minima example coding, rendered by an HTML5 compliant browser (Firefox5)|
The Minima III Baseball Scorecard requires HTML5 compliant Browsers. The reason for this is that the little squares which indicate the Bases around the Infield icon diamond, are only available in HTML5. (Who'da-thunk - a simple box on it's ear - hither-to not in the HTML symbol list?) If your using an older Browser, the square renders instead as an "&" - the first character of the code that produces the symbol in HTML5 (⋄). The other characters are hidden by the container box I put around it. No worries, the "&" character functions as the button key, it just looks like crap.
Browsers that are HTML5 compliant are IE9, FireFox 5, Google Chrome 5. At this publishing I haven't found out whether Safari has an HTML5 Browser out yet, the Safari Browser that I downloaded last month, renders the Bases like IE8 does. I haven't checked out the Opera Browser yet.
Update: July 25th 2011
Apple released their Safari 5 Browser today, it supports the html5 90 degree corners diamond symbol.
For all you folks who haven't got the latest browser (especially you Microsoft patrons who need to BUY a new Operating System to run IE9), I've included a screen shot to the right of what the example scorecard looks like in an HTML5 compliant Browser (in this case, a free download, Firefox 5 Browser running on a MS-XP 2003 OS)
These Base icons - squares with 90 degree corners, rotated 45 degrees - are much more than just perfectly suited Base icons - they are the Buttons that make appear, pop-up Colour Scoring Menus. Each at-bat box has four Scoring Menus that open when a user clicks on the First Base, Second Base, Third Base or Home Plate icon. They are at the heart of this scorecard's 'Colour Scoring' functionality.
In the example lower right, in order to show the functionality of all the elements of the new scorecard, I've laied out 2 player's at-bat (AB) box rows, 2 innings long, their game stat tables, and a Team Pitching Table.
(mh - this blogis too narrow to accomadate even the 2 player by 2 inning example to see what I'm talking about head over to the extra-wide Blogger Baseball Scorecard Blog -, this article was originally published there.)
The reason for the abridged scorecard is that the complete Minima III Scorecard - for 2 Teams, 11 Innings wide, Box Score Table, Pitching Tables - is over 2.5 MB big. That's too large for Blogger, which has a 1 MB/post limit. So you won't see this scorecard used to score games here - The Minima III will require my own web site. (Or is there a free web site application that can handle it? I've noticed a few around - but I haven't done the research yet.)
Check out the functionality yourself!
When clicked, all the buttons make appear a pop-up menu. In the menu, click on any of the coloured words like "Out", for example - and the first base side of the infield icon turns red - indicating the batter is out at first. Change the colour by clicking on another word; close the menu with the "X" in the box, bottom right. Click on the teaxtarea box associated with the 1B side of the AB box and type in some baseball scoring notations - like FO7, for example (meaning the batter flied out to left field).
The empty, long, thin box - top left - is where one types in the Team name, right under that, the large rectangle is for the batter's position in the batting order, the player's name and fielding position.
The totals tables at the end of each row of AB boxes are fully functional textareas - there are 4 rows so you can total up possible substitutions AB's as well as the starting fielder's stats.
The Lower table has a space to type in the Team name, and a place for 6 Pitcher's names and stats. All the data boxes are live textareas.