{"id":22595,"date":"2014-10-01T07:12:41","date_gmt":"2014-10-01T05:12:41","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=22595"},"modified":"2014-10-01T07:12:41","modified_gmt":"2014-10-01T05:12:41","slug":"svg-circus-create-cool-animated-svg-spinners-loaders-and-other-looped-animations-in-seconds","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2014\/10\/01\/svg-circus-create-cool-animated-svg-spinners-loaders-and-other-looped-animations-in-seconds\/","title":{"rendered":"SVG Circus – create cool animated SVG spinners, loaders and other looped animations in seconds"},"content":{"rendered":"\n

SVG Circus<\/a> – create cool animated SVG spinners, loaders and other looped animations in seconds.<\/p>\n\n","protected":false},"excerpt":{"rendered":"\n

SVG Circus – create cool animated SVG spinners, loaders and other looped animations in seconds.<\/p>\n\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[3327,3326,1158,1157],"keyring_services":[],"class_list":["post-22595","post","type-post","status-publish","format-link","hentry","category-general","category-technology","category-web-work","tag-animation","tag-svg","tag-user-interfaces","tag-web-design","post_format-post-format-link"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":42801,"url":"https:\/\/mamchenkov.net\/wordpress\/2019\/07\/12\/termtosvg-record-terminal-sessions-as-svg-animations\/","url_meta":{"origin":22595,"position":0},"title":"termtosvg – record terminal sessions as SVG animations","author":"Leonid Mamchenkov","date":"July 12, 2019","format":false,"excerpt":"termtosvg (GitHub repo) is a handy little tool that makes recording animated sessions in the terminal as simple as humanly possible. Instead of generating heavy graphics or video animations, this tool creates SVG files, which are a lot smaller and easier. There is also a selection of themes to choose\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/07\/termtosvg.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/07\/termtosvg.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/07\/termtosvg.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/07\/termtosvg.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/07\/termtosvg.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/07\/termtosvg.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":23514,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/02\/14\/transformicons-animated-icons-symbols-and-buttons-using-svg-and-css\/","url_meta":{"origin":22595,"position":1},"title":"Transformicons – animated icons, symbols and buttons using SVG and CSS","author":"Leonid Mamchenkov","date":"February 14, 2015","format":"link","excerpt":"Transformicons - animated icons, symbols and buttons using SVG and CSS","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18309,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/06\/04\/svg-js-a-lightweight-library-for-manipulating-and-animating-svg\/","url_meta":{"origin":22595,"position":2},"title":"SVG.JS – A lightweight library for manipulating and animating SVG","author":"Leonid Mamchenkov","date":"June 4, 2013","format":"link","excerpt":"SVG.JS - A lightweight library for manipulating and animating SVG","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":23163,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/12\/15\/evil-icons-lightweight-svg-icons-for-your-web-project\/","url_meta":{"origin":22595,"position":3},"title":"Evil Icons – lightweight SVG icons for your web project","author":"Leonid Mamchenkov","date":"December 15, 2014","format":"link","excerpt":"Evil Icons - lightweight SVG icons for your web project.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"evil icons","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/evil-icons-500x280.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":22459,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/09\/01\/chartist-js-simple-responsive-charts\/","url_meta":{"origin":22595,"position":4},"title":"Chartist.js – simple responsive charts","author":"Leonid Mamchenkov","date":"September 1, 2014","format":"link","excerpt":"Chartist.js - simple responsive charts. The following facts should give you an overview why to choose Chartists as your front-end chart generator: Simple handling while using convention over configuration Great flexibility while using clear separation of concerns (Style with CSS & control with JS) Usage of SVG (Yes! SVG is\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":19003,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/12\/19\/spinkit-spinners-animated-with-css\/","url_meta":{"origin":22595,"position":5},"title":"SpinKit – spinners animated with CSS","author":"Leonid Mamchenkov","date":"December 19, 2013","format":"link","excerpt":"SpinKit - spinners animated with CSS View the demo here.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/22595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=22595"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/22595\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=22595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=22595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=22595"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=22595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}