Baseball scorekeeping with a DIY Baseball Scorecard in html. See 'Create a Baseball Scorecard in Blogger' to set up your own scorecard blog. Scoring games with an on-line scoring form as part of the process of baseball writing (http://baseball---blog.blogspot.ca/).

Saturday, April 23, 2011

Minima II Blogger Baseball Scorecard - styling with position



In case you haven't been here before, or haven't been back in a while - the Blogger Baseball Scorecard Project is a ongoing development of an interactive baseball scoring form that you can use in a Blogger blog to score baseball games.

The 'Minima II' is the latest model in the project and I'm very excited about it! Today, April 23, 2011 at 1:00 PM EST I'm going to score my first game with it at this address.

In testing the 'Minima II' I am shocked at how fast and responsive it is - there's no delay from the moment one clicks in a particular text area to the time the blinking prompt is ready for keystrokes - this is surprising to me because although the previous incarnation in this project, the 'Minima I' has twice as many bytes, it was infinitely slower (a function not of size, but architecture).

The difference between the two scorecards in coding is qualitatively different. The first, the 'Minima I' represents the old way that websites were contructed in the 1980's and early 90's - the New Minima II is constructed with Cascading Style Sheet coding the way modern web pages are made today - the two scorecards represent two points on a learning curve which is me teaching myself to write code. Oddly, my epiphany from one style of coding to the other happened with out any thinking - as soon as the older card was done I started writing Minima II - and had it ready for scoring in 2 days.

Yesterday I was going to score Game 1 of the Tampa/Jays series (that's Game 2 that I'm scoring today) but blogger kept discarding the bottom pitching table - so last night I added an relative position outer wrapper CSS element and added absolute position wraps around the five tables, and gave them all top and left positions - now Blogger reads the whole scorecard correctly (and dosn't mistake repeating data for an error).

So below is a first attempt at adding some style with position - it looks at little less like a brick wall now I think. :)

Next, maybe some images here and there.

mh


Box Score
1st
2nd
3rd
4th
5th
6th
7th
8th
9th
Runs
Hits
Errors
LOB
Visitors













Home













Visiting Team
1st
2nd
3rd
4th
5th
6th
7th
8th
9th
AB
R
H
BB
SAC
RBI
SO
HBP
LOB
2BH
3BH
HR
AVG
PO
A
E
1.player name




























BH7


































































































































































































































































2.































































































































































































































































































3.































































































































































































































































































4.































































































































































































































































































5.































































































































































































































































































6.































































































































































































































































































7.































































































































































































































































































8.































































































































































































































































































9.































































































































































































































































































Per-Inning Totals
1st
2nd
3rd
4th
5th
6th
7th
8th
9th
Totals
Runs
Hits
Errors
LOB








































Visitor Pitching Totals
IP
H
R
ER
BB
K
HR
P/S
ERA




























































Home Team
1st
2nd
3rd
4th
5th
6th
7th
8th
9th
AB
R
H
BB
SAC
RBI
SO
HBP
LOB
2BH
3BH
HR
AVG
PO
A
E
1.































































































































































































































































































2.































































































































































































































































































3.































































































































































































































































































4.































































































































































































































































































5.































































































































































































































































































6.































































































































































































































































































7.































































































































































































































































































8.































































































































































































































































































9.































































































































































































































































































Per-Inning Totals
1st
2nd
3rd
4th
5th
6th
7th
8th
9th
Totals
Runs
Hits
Errors
LOB








































Home Pitching Totals
IP
H
R
ER
BB
K
HR
P/S
ERA




























































No comments:

Post a Comment

StatCounter


View My Stats

Calling for a Public Inquiry into Policing at the G20 Summit.

Creative Commons License Blogger Baseball Scorecard Blog by Michael Holloway
is licensed under a Creative Commons Attribution 2.5 Canada License.
Permissions beyond the scope of this license may be available at michaelholloway111(at)gmail(dot)com