{"id":539,"date":"2009-07-13T22:09:43","date_gmt":"2009-07-14T03:09:43","guid":{"rendered":"http:\/\/www.designmarketingadvertising.com\/freetips\/?p=539"},"modified":"2010-12-20T00:58:37","modified_gmt":"2010-12-20T05:58:37","slug":"jsanim","status":"publish","type":"post","link":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/","title":{"rendered":"jsAnim: Free JavaScript Animation Library"},"content":{"rendered":"<figure id=\"attachment_541\" aria-describedby=\"caption-attachment-541\" style=\"width: 300px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-541\" title=\"jsAnim\" src=\"http:\/\/www.designmarketingadvertising.com\/freetips\/wp-content\/uploads\/2009\/07\/javascript-anim-300x225.jpg\" alt=\"\" width=\"300\" height=\"225\" srcset=\"https:\/\/designmarketingadvertising.com\/freetips\/wp-content\/uploads\/2009\/07\/javascript-anim-300x225.jpg 300w, https:\/\/designmarketingadvertising.com\/freetips\/wp-content\/uploads\/2009\/07\/javascript-anim.jpg 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-541\" class=\"wp-caption-text\">jsAnim<\/figcaption><\/figure>\n<p><a title=\"jsAnim\" href=\"http:\/\/jsanim.com\" target=\"_blank\">jsAnim<\/a> is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application.<\/p>\n<p>The Script seems quite easy to use, just follow the documentation on the site&#8230;also includes a great example of the script in action. Simply a great way to create animation on your site \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>jsAnim is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application. The Script seems quite easy to use, just follow the documentation on the site&#8230;also includes a great [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":540,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[164],"tags":[301,151,300,299],"class_list":["post-539","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-multimedia","tag-animation","tag-creative-multi-media","tag-javascript","tag-jsanim"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"jsAnim is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application. The Script seems quite easy to use, just follow the documentation on the site...also includes a great\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"ArtWave\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design Marketing Advertising - Free Tips | Resources for Your Every Multimedia Need!\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Creative Multi-Media with jsAnim | Design Marketing Advertising - Free Tips\" \/>\n\t\t<meta property=\"og:description\" content=\"jsAnim is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application. The Script seems quite easy to use, just follow the documentation on the site...also includes a great\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2009-07-14T03:09:43+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2010-12-20T05:58:37+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Creative Multi-Media with jsAnim | Design Marketing Advertising - Free Tips\" \/>\n\t\t<meta name=\"twitter:description\" content=\"jsAnim is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application. The Script seems quite easy to use, just follow the documentation on the site...also includes a great\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/jsanim\\\/#article\",\"name\":\"Creative Multi-Media with jsAnim | Design Marketing Advertising - Free Tips\",\"headline\":\"jsAnim: Free JavaScript Animation Library\",\"author\":{\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/author\\\/admin\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/wp-content\\\/uploads\\\/2009\\\/07\\\/javascript-anim-tn.jpg\",\"width\":125,\"height\":125},\"datePublished\":\"2009-07-13T22:09:43-04:00\",\"dateModified\":\"2010-12-20T00:58:37-05:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/jsanim\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/jsanim\\\/#webpage\"},\"articleSection\":\"Multimedia, animation, creative multi media, javascript, jsAnim\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/jsanim\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/category\\\/multimedia\\\/#listItem\",\"name\":\"Multimedia\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/category\\\/multimedia\\\/#listItem\",\"position\":2,\"name\":\"Multimedia\",\"item\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/category\\\/multimedia\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/jsanim\\\/#listItem\",\"name\":\"jsAnim: Free JavaScript Animation Library\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/jsanim\\\/#listItem\",\"position\":3,\"name\":\"jsAnim: Free JavaScript Animation Library\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/category\\\/multimedia\\\/#listItem\",\"name\":\"Multimedia\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/#organization\",\"name\":\"Design Marketing Advertising - Free Tips\",\"description\":\"Resources for Your Every Multimedia Need!\",\"url\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/author\\\/admin\\\/#author\",\"url\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/author\\\/admin\\\/\",\"name\":\"ArtWave\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/jsanim\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8673f5d72351355fdd0f42f6052ba9b4967a834e206c8f49f1e3ee69932e3af2?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"ArtWave\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/jsanim\\\/#webpage\",\"url\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/jsanim\\\/\",\"name\":\"Creative Multi-Media with jsAnim | Design Marketing Advertising - Free Tips\",\"description\":\"jsAnim is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application. The Script seems quite easy to use, just follow the documentation on the site...also includes a great\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/jsanim\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/author\\\/admin\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/author\\\/admin\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/wp-content\\\/uploads\\\/2009\\\/07\\\/javascript-anim-tn.jpg\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/jsanim\\\/#mainImage\",\"width\":125,\"height\":125},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/jsanim\\\/#mainImage\"},\"datePublished\":\"2009-07-13T22:09:43-04:00\",\"dateModified\":\"2010-12-20T00:58:37-05:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/#website\",\"url\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/\",\"name\":\"Design Marketing Advertising - Free Tips\",\"description\":\"Resources for Your Every Multimedia Need!\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/designmarketingadvertising.com\\\/freetips\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Creative Multi-Media with jsAnim | Design Marketing Advertising - Free Tips","description":"jsAnim is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application. The Script seems quite easy to use, just follow the documentation on the site...also includes a great","canonical_url":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/#article","name":"Creative Multi-Media with jsAnim | Design Marketing Advertising - Free Tips","headline":"jsAnim: Free JavaScript Animation Library","author":{"@id":"https:\/\/designmarketingadvertising.com\/freetips\/author\/admin\/#author"},"publisher":{"@id":"https:\/\/designmarketingadvertising.com\/freetips\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/designmarketingadvertising.com\/freetips\/wp-content\/uploads\/2009\/07\/javascript-anim-tn.jpg","width":125,"height":125},"datePublished":"2009-07-13T22:09:43-04:00","dateModified":"2010-12-20T00:58:37-05:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/#webpage"},"isPartOf":{"@id":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/#webpage"},"articleSection":"Multimedia, animation, creative multi media, javascript, jsAnim"},{"@type":"BreadcrumbList","@id":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/designmarketingadvertising.com\/freetips#listItem","position":1,"name":"Home","item":"https:\/\/designmarketingadvertising.com\/freetips","nextItem":{"@type":"ListItem","@id":"https:\/\/designmarketingadvertising.com\/freetips\/category\/multimedia\/#listItem","name":"Multimedia"}},{"@type":"ListItem","@id":"https:\/\/designmarketingadvertising.com\/freetips\/category\/multimedia\/#listItem","position":2,"name":"Multimedia","item":"https:\/\/designmarketingadvertising.com\/freetips\/category\/multimedia\/","nextItem":{"@type":"ListItem","@id":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/#listItem","name":"jsAnim: Free JavaScript Animation Library"},"previousItem":{"@type":"ListItem","@id":"https:\/\/designmarketingadvertising.com\/freetips#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/#listItem","position":3,"name":"jsAnim: Free JavaScript Animation Library","previousItem":{"@type":"ListItem","@id":"https:\/\/designmarketingadvertising.com\/freetips\/category\/multimedia\/#listItem","name":"Multimedia"}}]},{"@type":"Organization","@id":"https:\/\/designmarketingadvertising.com\/freetips\/#organization","name":"Design Marketing Advertising - Free Tips","description":"Resources for Your Every Multimedia Need!","url":"https:\/\/designmarketingadvertising.com\/freetips\/"},{"@type":"Person","@id":"https:\/\/designmarketingadvertising.com\/freetips\/author\/admin\/#author","url":"https:\/\/designmarketingadvertising.com\/freetips\/author\/admin\/","name":"ArtWave","image":{"@type":"ImageObject","@id":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/8673f5d72351355fdd0f42f6052ba9b4967a834e206c8f49f1e3ee69932e3af2?s=96&d=mm&r=g","width":96,"height":96,"caption":"ArtWave"}},{"@type":"WebPage","@id":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/#webpage","url":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/","name":"Creative Multi-Media with jsAnim | Design Marketing Advertising - Free Tips","description":"jsAnim is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application. The Script seems quite easy to use, just follow the documentation on the site...also includes a great","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/designmarketingadvertising.com\/freetips\/#website"},"breadcrumb":{"@id":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/#breadcrumblist"},"author":{"@id":"https:\/\/designmarketingadvertising.com\/freetips\/author\/admin\/#author"},"creator":{"@id":"https:\/\/designmarketingadvertising.com\/freetips\/author\/admin\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/designmarketingadvertising.com\/freetips\/wp-content\/uploads\/2009\/07\/javascript-anim-tn.jpg","@id":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/#mainImage","width":125,"height":125},"primaryImageOfPage":{"@id":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/#mainImage"},"datePublished":"2009-07-13T22:09:43-04:00","dateModified":"2010-12-20T00:58:37-05:00"},{"@type":"WebSite","@id":"https:\/\/designmarketingadvertising.com\/freetips\/#website","url":"https:\/\/designmarketingadvertising.com\/freetips\/","name":"Design Marketing Advertising - Free Tips","description":"Resources for Your Every Multimedia Need!","inLanguage":"en-US","publisher":{"@id":"https:\/\/designmarketingadvertising.com\/freetips\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design Marketing Advertising - Free Tips | Resources for Your Every Multimedia Need!","og:type":"article","og:title":"Creative Multi-Media with jsAnim | Design Marketing Advertising - Free Tips","og:description":"jsAnim is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application. The Script seems quite easy to use, just follow the documentation on the site...also includes a great","og:url":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/","article:published_time":"2009-07-14T03:09:43+00:00","article:modified_time":"2010-12-20T05:58:37+00:00","twitter:card":"summary","twitter:title":"Creative Multi-Media with jsAnim | Design Marketing Advertising - Free Tips","twitter:description":"jsAnim is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application. The Script seems quite easy to use, just follow the documentation on the site...also includes a great"},"aioseo_meta_data":{"post_id":"539","title":"Creative Multi-Media with jsAnim  | #site_title","description":null,"keywords":[{"label":"creative multi-media","value":"creative multi-media"},{"label":"multimedia","value":"multimedia"}],"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2021-04-11 16:16:19","updated":"2025-10-11 13:16:32","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/designmarketingadvertising.com\/freetips\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/designmarketingadvertising.com\/freetips\/category\/multimedia\/\" title=\"Multimedia\">Multimedia<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tjsAnim: Free JavaScript Animation Library\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/designmarketingadvertising.com\/freetips"},{"label":"Multimedia","link":"https:\/\/designmarketingadvertising.com\/freetips\/category\/multimedia\/"},{"label":"jsAnim: Free JavaScript Animation Library","link":"https:\/\/designmarketingadvertising.com\/freetips\/jsanim\/"}],"_links":{"self":[{"href":"https:\/\/designmarketingadvertising.com\/freetips\/wp-json\/wp\/v2\/posts\/539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designmarketingadvertising.com\/freetips\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designmarketingadvertising.com\/freetips\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designmarketingadvertising.com\/freetips\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designmarketingadvertising.com\/freetips\/wp-json\/wp\/v2\/comments?post=539"}],"version-history":[{"count":5,"href":"https:\/\/designmarketingadvertising.com\/freetips\/wp-json\/wp\/v2\/posts\/539\/revisions"}],"predecessor-version":[{"id":543,"href":"https:\/\/designmarketingadvertising.com\/freetips\/wp-json\/wp\/v2\/posts\/539\/revisions\/543"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designmarketingadvertising.com\/freetips\/wp-json\/wp\/v2\/media\/540"}],"wp:attachment":[{"href":"https:\/\/designmarketingadvertising.com\/freetips\/wp-json\/wp\/v2\/media?parent=539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designmarketingadvertising.com\/freetips\/wp-json\/wp\/v2\/categories?post=539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designmarketingadvertising.com\/freetips\/wp-json\/wp\/v2\/tags?post=539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}