{"id":3280,"date":"2014-06-24T18:23:24","date_gmt":"2014-06-24T18:23:24","guid":{"rendered":"http:\/\/webninjataylor.com\/library\/?p=3280"},"modified":"2014-11-13T18:03:59","modified_gmt":"2014-11-13T18:03:59","slug":"jquery-animations","status":"publish","type":"post","link":"https:\/\/webninjataylor.com\/library\/jquery-animations\/","title":{"rendered":"jQuery Animations"},"content":{"rendered":"<ul>\n<li>Animations initiated by the user should be quick while\u00a0animations initiated by the website can be slower to draw attention<\/li>\n<li>Animations create &#8216;eye-light&#8217; and affordance\u00a0for a website<\/li>\n<li>Use the <a href=\"http:\/\/gsgd.co.uk\/sandbox\/jquery\/easing\/\" target=\"_blank\">jQuery easings plugin<\/a> (or jQuery UI) since jQuery only comes with\u00a0swing and linear<\/li>\n<li>A common configuration of the method&#8217;s arguments is&#8230;\n<ol>\n<li>The hash (aka object or properties in key\/value pairs) of the final animation state for numeric properties<\/li>\n<li>The length of the animation in milliseconds<\/li>\n<li>The b\u00e9zier curve (aka easing or animation type)<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<pre>$(selector).animate(\r\n    {\r\n        top: 0,\r\n        left: 0\r\n    },\r\n    700,\r\n    'easeOutBounce'\r\n);<\/pre>\n<h2>Resources<\/h2>\n<ul>\n<li><a href=\"http:\/\/api.jquery.com\/animate\/\" target=\"_blank\">jQuery API<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Animations initiated by the user should be quick while\u00a0animations initiated by the website can be slower to draw attention Animations create &#8216;eye-light&#8217; and affordance\u00a0for a website Use the jQuery easings plugin (or jQuery UI) since jQuery only comes with\u00a0swing and linear A common configuration of the method&#8217;s arguments is&#8230; The hash (aka object or properties [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[144],"tags":[9,27],"class_list":["post-3280","post","type-post","status-publish","format-standard","hentry","category-web-shots","tag-javascript","tag-jquery"],"_links":{"self":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/3280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/comments?post=3280"}],"version-history":[{"count":7,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/3280\/revisions"}],"predecessor-version":[{"id":3588,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/3280\/revisions\/3588"}],"wp:attachment":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/media?parent=3280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/categories?post=3280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/tags?post=3280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}