{"id":347,"date":"2009-04-06T00:58:46","date_gmt":"2009-04-06T04:58:46","guid":{"rendered":"http:\/\/patorjk.com\/blog\/?p=347"},"modified":"2014-01-25T17:54:05","modified_gmt":"2014-01-25T21:54:05","slug":"lots-of-typing-speed-test-updates-today","status":"publish","type":"post","link":"https:\/\/patorjk.com\/blog\/2009\/04\/06\/lots-of-typing-speed-test-updates-today\/","title":{"rendered":"Lots of Typing Speed Test Updates Today"},"content":{"rendered":"<p>Last time I said I had two more major features that I wanted to add into my <a href=\"http:\/\/patorjk.com\/typing-speed-test\/\">Typing Speed Test<\/a>. That number has since ballooned quiet bit and now I&#8217;m not really sure when I&#8217;ll be done with it. <\/p>\n<figure style=\"width: 100px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" alt=\"Om Nom Nom\" src=\"http:\/\/patorjk.com\/images\/firefox-biting-ie.jpg\" width=\"100\" height=\"100\" \/><figcaption class=\"wp-caption-text\">Random Pro-FF Image<\/figcaption><\/figure>\n<p>The biggest change you&#8217;ll notice today is that the input text is now in a 3-line format that scrolls once you&#8217;ve typed to the end of the second line. I like this change a lot sense I think it allows for a more simple user experience. <\/p>\n<p>Another reason I like it is that it allowed me to find my first undocumented (for the most part) bug in IE (well, the first one that I&#8217;ve taken the time to examine).  It appears IE has issues with returning the correct offsetTop position of span tags in certain situations. I&#8217;ve set up a test page <a href=\"http:\/\/www.patorjk.com\/tests\/span-offsettop.htm\">here<\/a> that&#8217;ll show you different offsetTop values when you use IE as opposed to other browsers. <a href=\"http:\/\/kirblog.idetalk.com\/2007\/10\/problem-with-offsettop-and-element.html\">This guy<\/a> had similar issues, though he couldn&#8217;t reproduce his problem via a test case. Luckily for me, his offsetTop span solution also worked for what I was doing (just set the span&#8217;s position property to relative).<\/p>\n<figure style=\"width: 401px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" alt=\"My hot spot visualization after 1000 words of Moby Dick. I got kind of tired.\" src=\"http:\/\/patorjk.com\/images\/keyboard-1000-words-of-moby-dick.png\" width=\"401\" height=\"134\" \/><figcaption class=\"wp-caption-text\">My hot spot visualization after 1000 words of Moby Dick. I got kind of tired.<\/figcaption><\/figure>\n<p>Since the input text can now be scrolled in a smaller area, I&#8217;ve also added in some additional test time options. You can now run the test for up to 5 minutes or up to 1000 words. I will warn you though, typing the 1000 word version of the test more than twice in a row will leave you kind of sore.<\/p>\n<p>A lot of the other changes I made were under the hood changes. To decrease loading time, I&#8217;m now using the <a href=\"http:\/\/developer.yahoo.com\/yui\/get\/\">YUI Get Utility<\/a> for certain script files. This utility allows developers to grab script and css files at run time and integrate them into their code. Right now I&#8217;m using it to grab unloaded script files that contain functions that return input text for the typing test. I figured that most users aren&#8217;t going to try every possible test input, so there&#8217;s no reason to load them all each time. It doesn&#8217;t improve loading time a whole lot right now, but it&#8217;ll keep the loading time from growing once I start adding lots of different test inputs.<\/p>\n<p>I&#8217;ve made a bunch of other minor changes and fixes, but I wont bore you with all the little details (unless you want me to). If you find any problems in this new version please let me know.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last time I said I had two more major features that I wanted to add into my Typing Speed Test. That number has since ballooned quiet bit and now I&#8217;m not really sure when I&#8217;ll be done with it. The biggest change you&#8217;ll notice today is that the input text is now in a 3-line &hellip; <a href=\"https:\/\/patorjk.com\/blog\/2009\/04\/06\/lots-of-typing-speed-test-updates-today\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Lots of Typing Speed Test Updates Today<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-347","post","type-post","status-publish","format-standard","hentry","category-web-apps"],"_links":{"self":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts\/347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/comments?post=347"}],"version-history":[{"count":21,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts\/347\/revisions"}],"predecessor-version":[{"id":469,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts\/347\/revisions\/469"}],"wp:attachment":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/media?parent=347"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/categories?post=347"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/tags?post=347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}