{"id":3110,"date":"2012-11-17T06:21:28","date_gmt":"2012-11-17T16:21:28","guid":{"rendered":"http:\/\/www.catdoodles.com\/dailydoodle\/?p=3110"},"modified":"2012-11-17T06:21:28","modified_gmt":"2012-11-17T16:21:28","slug":"snowflakes-sugar-plums-javascript","status":"publish","type":"post","link":"https:\/\/www.catdoodles.com\/dailydoodle\/2012\/11\/17\/snowflakes-sugar-plums-javascript\/","title":{"rendered":"Snowflakes, Sugar Plums, &#038; JavaScript"},"content":{"rendered":"<p style=\"text-align: left;\">While I know that many friends out east have already gotten snow \u2014 and in some places, <em>way<\/em> too much of it \u2014 we didn\u2019t have our first snow of the season until earlier this week \u2014 all 3 tablespoons worth. Very exciting! So exciting, in fact, that it inspired our own little feline sugar plum to haul out her favorite winter holiday costume a little earlier than usual this year.<\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/first-snow.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3111\" title=\"First Snow Celebration\" src=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/first-snow.jpg\" alt=\"First Snow Celebration\" width=\"640\" height=\"575\" srcset=\"https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/first-snow.jpg 640w, https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/first-snow-300x269.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">The rest of the household was pretty psyched by our first wee snowfall as well, as documented in these looser doodles for Dad that showed up on the breakfast table the next morning.<\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/first-snowman.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3126\" title=\"First Snowman of the Season\" src=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/first-snowman.jpg\" alt=\"First Snowman of the Season\" width=\"640\" height=\"409\" srcset=\"https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/first-snowman.jpg 640w, https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/first-snowman-300x191.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/first-sled-ride.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3122\" title=\"First Sled Ride\" src=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/first-sled-ride.jpg\" alt=\"First Sled Ride\" width=\"450\" height=\"279\" srcset=\"https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/first-sled-ride.jpg 450w, https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/first-sled-ride-300x186.jpg 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">\u2014All were excited except for Blackie, that is. He suffered a major anxiety attack about whether or not we have enough provisions socked away for the coming months. (A concern never \u00a0far from his mind, no matter what the season.)<\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/blackie-fridge.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3123\" title=\"Blackie's Provisions Anxiety\" src=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/blackie-fridge.jpg\" alt=\"Blackie's Provisions Anxiety\" width=\"640\" height=\"493\" srcset=\"https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/blackie-fridge.jpg 640w, https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/blackie-fridge-300x231.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">On the subject of snow (and weather in general), just for fun, here&#8217;s a handy <a title=\"Go to the Live Page\" href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod14\/WeatherReport.html\" target=\"_blank\">link<\/a> to a fake web page I created for an assignment in a JavaScript class I was taking last year around this time, where you can punch in your zip code and see if it\u2019s snowing outside (in case you can\u2019t get to a window, say). You can also check for various kinds of sports headlines on the <a title=\"Go to the Live Page\" href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod14\/SportingNews.html\" target=\"_blank\">second page<\/a>, if sports vs. weather is more your thing.<\/p>\n<p><a href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod14\/WeatherReport.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3132\" title=\"Go to the Live Page\" src=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/white-christmas1.jpg\" alt=\"Weather Report\" width=\"640\" height=\"525\" srcset=\"https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/white-christmas1.jpg 640w, https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/white-christmas1-300x246.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">JavaScript isn&#8217;t really <em>my<\/em> thing, by the way \u2014 I would hate to give the false impression that I am more knowledgeable in this area than I actually am. (I understand it better than I <em>did <\/em>before I took the class, of course, and can do some very basic stuff with it, though I would likely never attempt to write my own JavaScript from scratch, versus refer to a textbook or online tutorial.) I really enjoyed the class, though, as we got to build on our CSS skills at the same time. (Creating the <em>look<\/em> of a web page \u2014 versus figuring out how to make the page\u00a0<em>do<\/em> stuff \u2014 is a lot more fun for me, and much more my speed.)<\/p>\n<h2>Fun With JavaScript<\/h2>\n<p style=\"text-align: left;\">For the morbidly curious non-programmer types (like myself), who would like to understand some of the very basic things that JavaScript can do (and don\u2019t already know), here are a few more homework pages I created, similar to the above. (Click on the images or hyperlinks to go to the actual pages, if you\u2019d like to test them out.)<\/p>\n<p style=\"text-align: left;\">Again, the JavaScript at work in all of these was written following fairly explicit instructions in\u00a0<a title=\"Javascript The Web Technologies Series by Don Gosselin\" href=\"http:\/\/www.amazon.com\/JavaScript-Web-Technologies-Don-Gosselin\/dp\/0538748877\/ref=sr_1_1?s=books&amp;ie=UTF8&amp;qid=1353151321&amp;sr=1-1&amp;keywords=0538748877\" target=\"_blank\">the textbook we used<\/a>, versus me figuring it out all on my own. (We did get to create everything else from scratch though, and make up whatever kind of page we wanted&#8230;the\u00a0fun part, for real.)<\/p>\n<p style=\"text-align: left;\">Below was our <a title=\"Go to the Live Page\" href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod2\/lab2-1.html\" target=\"_blank\">first assigned exercise<\/a>. We started out nice and easy, giving me extra time to fritter away on headers and color palette and writing fake copy.<\/p>\n<p><a href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod2\/lab2-1.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3152\" title=\"Go to the Live Page\" src=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/functions1.jpg\" alt=\"Javascript Exercise 1\" width=\"640\" height=\"239\" srcset=\"https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/functions1.jpg 640w, https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/functions1-300x112.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">This next one was a bit more challenging, teaching us how to create those diabolical pop-up dialogue boxes, that will not allow you proceed to the page you want to see, until you provide the answer being sought. (We all love those, don\u2019t we?) Click <a title=\"Javascript Exercise - Pop-up Box\" href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod3\/lab3-4.html\" target=\"_blank\">here<\/a> if you want to be tortured by it. The <a title=\"Go to the Live Page\" href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod3\/lab3-6.html\" target=\"_blank\">second page<\/a> uses JavaScript that \u201ccounts\u201d for you\u2014something I\u2019ve never really figured out how or why you\u2019d use&#8230;but there you have it.<\/p>\n<p><a href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod3\/lab3-6.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3147\" title=\"Go to the Live Page\" src=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/pop-up-counting2.jpg\" alt=\"Javascript Exercise 2\" width=\"640\" height=\"340\" srcset=\"https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/pop-up-counting2.jpg 640w, https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/pop-up-counting2-300x159.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">The <a title=\"Go to the Live Page\" href=\"http:\/\/www.jeantuttlestudio.com\/javascript-exercises\/mod6\/lab6-3.html\" target=\"_blank\">pages below<\/a> include a handy little date and time script\u00a0(which, for whatever reason, I fell in love with and use on the home page of <a title=\"Jean Tuttle Studio\" href=\"http:\/\/jeantuttlestudio.com\/index.html\" target=\"_blank\">my current illustration site<\/a>),\u00a0plus a not-so-handy <a title=\"Javascript - Tip Calculator\" href=\"http:\/\/www.jeantuttlestudio.com\/javascript-exercises\/mod6\/lab6-4.html\" target=\"_blank\">tip calculator<\/a>. (There must be a bazillion mobile apps for this kind of thing, yes?)<\/p>\n<p><a href=\"http:\/\/www.jeantuttlestudio.com\/javascript-exercises\/mod6\/lab6-3.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3135\" title=\"Go to the Live Page\" src=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/tipsfortravelers.jpg\" alt=\"Javacript Exercise 3\" width=\"640\" height=\"260\" srcset=\"https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/tipsfortravelers.jpg 640w, https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/tipsfortravelers-300x121.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>The contact addresses and company names in all these exercises, like the sites themselves, are all fake, by the way. (Don\u2019t send \u2019em any inquiries!)<\/p>\n<p>Below is a <a title=\"Go to the Live Page\" href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod8\/lab8-2.html\" target=\"_blank\">page<\/a>\u00a0that converts fahrenheit to celsius, and a <a title=\"Go to the Live Page\" href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod8\/lab8-4.html\" target=\"_blank\">page<\/a> that confirms that a password is in the correct format and matches itself when typed a second time. (OK, that latter one <em>is<\/em> pretty useful, I guess, though if I were ever designing a site that needed this kind of thing, I\u2019d likely go running to the nearest bonafide programmer to help me out.)<\/p>\n<p><a href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod8\/lab8-2.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3138\" title=\"Go to the Live Page\" src=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/password-validation.jpg\" alt=\"Javascript Exercises 4\" width=\"640\" height=\"301\" srcset=\"https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/password-validation.jpg 640w, https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/password-validation-300x141.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod7\/lab7-4.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3154\" title=\"Go to the Live Page\" src=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/credit-card-validation.jpg\" alt=\"Javascript Exercise 5\" width=\"450\" height=\"463\" srcset=\"https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/credit-card-validation.jpg 450w, https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/credit-card-validation-291x300.jpg 291w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a>I think the exercise that brought me the closest to slitting my wrists was the <a title=\"Go to the Live Page\" href=\"http:\/\/jeantuttlestudio.com\/javascript-exercises\/mod7\/lab7-4.html\" target=\"_blank\">one at left<\/a>, which involved JavaScript that would confirm that a credit card number was in a valid format. (Something tells me this should not have been as tricky as it was for me, though to be fair, there <em>was<\/em> an error in the instructions that the instructor warned us was there, but wouldn\u2019t identify, requiring us to do a bit more problem-solving than usual to get the script to work correctly.)<\/p>\n<p style=\"text-align: left;\">One more&#8230;form validation again. (This one doesn\u2019t link to the live page, as I don\u2019t want you to actually submit the form&#8230;I just liked the color scheme, header, and background pattern I came up with for this one.) \ud83d\ude09<\/p>\n<p><a href=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/form-validation.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3157\" title=\"Javascript Exercise 6\" src=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/form-validation.jpg\" alt=\"Javascript Exercise 6\" width=\"640\" height=\"444\" srcset=\"https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/form-validation.jpg 640w, https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/form-validation-300x208.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">OK, enough (pseudo-) tech talk.\u00a0Let\u2019s close with another cartoon, shall we? This is one done last year for Dad\u2019s breakfast table while I was taking the above mentioned class. Taking the time to color in my doodles was one of my favorite procrastination techniques when I should have been doing homework. (It was also very soothing for my nerves.)<\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/hate-javascript2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3207\" title=\"I Hate Javacript\" src=\"http:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/hate-javascript2.jpg\" alt=\"I Hate Javacript\" width=\"640\" height=\"588\" srcset=\"https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/hate-javascript2.jpg 640w, https:\/\/www.catdoodles.com\/dailydoodle\/wp-content\/uploads\/2012\/11\/hate-javascript2-300x275.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><br \/>\nSpeaking of having fun, time for me to sign off and go get started on my weekend. (Hope you enjoy yours as well!) Happy Saturday, everyone!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>While I know that many friends out east have already gotten snow \u2014 and in some places, way too much of it \u2014 we didn\u2019t have our first snow of the season until earlier this week \u2014 all 3 tablespoons &hellip; <a href=\"https:\/\/www.catdoodles.com\/dailydoodle\/2012\/11\/17\/snowflakes-sugar-plums-javascript\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[460],"tags":[194,12,13,7,64,138,48,463,14,8,462,464,461],"class_list":["post-3110","post","type-post","status-publish","format-standard","hentry","category-snow","tag-aaron-mouse","tag-blackie-2","tag-cats","tag-charlotte-2","tag-daisy-mouse","tag-fashion","tag-flora-mouse","tag-javascript","tag-max","tag-mice","tag-snow-2","tag-web-page-design","tag-winter"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.catdoodles.com\/dailydoodle\/wp-json\/wp\/v2\/posts\/3110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catdoodles.com\/dailydoodle\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catdoodles.com\/dailydoodle\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catdoodles.com\/dailydoodle\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catdoodles.com\/dailydoodle\/wp-json\/wp\/v2\/comments?post=3110"}],"version-history":[{"count":80,"href":"https:\/\/www.catdoodles.com\/dailydoodle\/wp-json\/wp\/v2\/posts\/3110\/revisions"}],"predecessor-version":[{"id":3211,"href":"https:\/\/www.catdoodles.com\/dailydoodle\/wp-json\/wp\/v2\/posts\/3110\/revisions\/3211"}],"wp:attachment":[{"href":"https:\/\/www.catdoodles.com\/dailydoodle\/wp-json\/wp\/v2\/media?parent=3110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catdoodles.com\/dailydoodle\/wp-json\/wp\/v2\/categories?post=3110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catdoodles.com\/dailydoodle\/wp-json\/wp\/v2\/tags?post=3110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}