{"id":191,"date":"2013-11-07T20:18:15","date_gmt":"2013-11-07T20:18:15","guid":{"rendered":"http:\/\/farmur.com\/journal\/?p=191"},"modified":"2014-08-30T18:44:02","modified_gmt":"2014-08-30T18:44:02","slug":"responsive-web-week-10-more-javascript-calculator-function","status":"publish","type":"post","link":"http:\/\/farmur.com\/journal\/responsive-web-week-10-more-javascript-calculator-function\/","title":{"rendered":"Responsive Web \u2013 Week 10 \u2013 More javascript &#038; calculator function"},"content":{"rendered":"<p>I&#8217;ve spent a lot of time this week producing the calculator (estimation) page. \u00a0This page is way more complex than I originally thought it would be, and has required lots of thinking. \u00a0Not only is it a responsive nightmare, the underlying javascript that makes it work is way above anything I&#8217;ve ever tackled before. \u00a0I&#8217;ve had to do a lot of planning and building of tiny components. \u00a0All these tiny components will hopefully unite into one big working function in the end. \u00a0One of the most complex issues I have had is dynamically inserting and removing &#8220;people&#8221; and &#8220;vegetables&#8221; as the user needs them. \u00a0The way I finally decided on building this was to use a library called Masonry.js. \u00a0This library allows dynamic insertion and removal of predefined blocks of code. \u00a0I had to build a function that allows a user to click specific buttons to remove items, since the default is making the whole item clickable. \u00a0After I get further along in this process I&#8217;ll do a more involved description of my process.<\/p>\n<p>The most recent version is available <a href=\"http:\/\/goo.gl\/Rf15zG\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve spent a lot of time this week producing the calculator (estimation) page. \u00a0This page is way more complex than I originally thought it would be, and has required lots of thinking. \u00a0Not only is it a responsive nightmare, the underlying javascript that makes it work is way above anything I&#8217;ve ever tackled before. \u00a0I&#8217;ve [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[8],"class_list":["post-191","post","type-post","status-publish","format-standard","hentry","category-responsive-web-1","tag-rweb"],"_links":{"self":[{"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/posts\/191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/comments?post=191"}],"version-history":[{"count":2,"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/posts\/191\/revisions"}],"predecessor-version":[{"id":193,"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/posts\/191\/revisions\/193"}],"wp:attachment":[{"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/media?parent=191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/categories?post=191"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/farmur.com\/journal\/wp-json\/wp\/v2\/tags?post=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}