{"id":3952,"date":"2018-05-17T09:28:38","date_gmt":"2018-05-17T09:28:38","guid":{"rendered":"https:\/\/www.templatemonster.com\/pl\/blog\/?p=3952"},"modified":"2022-09-12T15:57:51","modified_gmt":"2022-09-12T15:57:51","slug":"animacja-html5","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/pl\/animacja-html5\/","title":{"rendered":"Animacja HTML5. TOP alternatywnych narz\u0119dzi do tworzenia atrakcyjnych animacji"},"content":{"rendered":"<p style=\"text-align: justify;\">Wiecie, kt\u00f3re strony www moim zdaniem s\u0105 najbardziej atrakcyjne? Podobaj\u0105 si\u0119 mi dynamiczne strony www, kt\u00f3re reaguj\u0105 na ka\u017cdy ruch myszki.<\/p>\n<p style=\"text-align: justify;\">Poniewa\u017c pracuj\u0119 w jednej z wiod\u0105cych firm IT, jest ca\u0142kiem naturalne, \u017ce interesuj\u0119 si\u0119, jakie narz\u0119dzie wykorzystuj\u0105 webmsterzy do animowania wirtualnych obiekt\u00f3w. Dlatego w tym artyku\u0142u zebra\u0142am najlepsze<strong> narz\u0119dzia do tworzenia animacji HTML5<\/strong>, z kt\u00f3rych mo\u017cesz korzysta\u0107 w swojej pracy.<\/p>\n<h4>Czy musz\u0119 Ci opowiada\u0107, czym naprawd\u0119 jest HTML5? Wierz\u0119, \u017ce posiadanie wiedzy w tym zakresie w \u017cadnym wypadku nie b\u0119dzie nadmierne.<\/h4>\n<p style=\"text-align: justify;\">Przede wszystkim <strong>HTML to j\u0119zyk znacznik\u00f3w<\/strong>. Pomaga w tworzeniu dokument\u00f3w internetowych i prezentowaniu ich w Internecie. HTML technicznie zajmuje si\u0119 tylko struktur\u0105 Twoich danych - potrzebujesz dodatkowego j\u0119zyka o nazwie <strong>J\u0119zyk arkusza styl\u00f3w<\/strong>, aby okre\u015bli\u0107, jak powinna wygl\u0105da\u0107 Twoja struktura.<\/p>\n<p style=\"text-align: justify;\"><strong>HTML5 to najnowsza&nbsp;uzupe\u0142niona wersja HTML<\/strong>, kt\u00f3ra zapewnia dodatkowe znaczniki i funkcje (obs\u0142uga wielu przegl\u0105darek, wideo, audio i element\u00f3w canvas, animacja itd), kt\u00f3re pozwalaj\u0105&nbsp;u\u017cytkownikowi&nbsp;na tworzenie bardziej zaawansowanych rzeczy. Na przyk\u0142ad jedn\u0105 z takich funkcji (lub znacznik\u00f3w) jest element canvas. Kiedy ludzie m\u00f3wi\u0105 o HTML5, m\u00f3wi\u0105 o elemencie canvas. Co ciekawe, przez wi\u0119kszo\u015b\u0107 czasu u\u017cytkownicy nawet nie wiedz\u0105, co to jest i co pozwala robi\u0107.<\/p>\n<p style=\"text-align: justify;\">Podobnie jak p\u0142\u00f3tno do malowania pozwala artystom tworzy\u0107 wspania\u0142e obrazy, element canvas HTML5 pozwala robi\u0107 rzeczy, kt\u00f3re wcze\u015bniej by\u0142y do\u015b\u0107 skomplikowane, a nawet niemo\u017cliwe. Na przyk\u0142ad mo\u017cna&nbsp;stworzy\u0107 zaawansowan\u0105 internetow\u0105 aplikacj\u0119 do szkicowania, kt\u00f3ra pozwala rysowa\u0107, malowa\u0107 i tak dalej. W skr\u00f3cie, u\u017cywanie kszta\u0142t\u00f3w 2D i obraz\u00f3w sta\u0142o si\u0119 teraz znacznie \u0142atwiejsze.<\/p>\n<div class=\"spacer\">\n<hr>\n<\/div>\n<style scoped=\"\">.box-722 .box-gray{background-color:#f8f8ff}<\/style>\n<div class=\"cherry-box box-722\">\n<div class=\"box-gray inner\">\n<h4 style=\"text-align: center;\"><strong>Tworzenie responsywnych stron: jakie masz opcje? [Darmowa e-ksi\u0105\u017cka]<\/strong><\/h4>\n<p style=\"text-align: center;\"><input id=\"mce-EMAIL newsletter-form-email\" class=\"required email\" style=\"width: 380px; margin-right: 5px;\" name=\"EMAIL\" type=\"email\" value=\"\" placeholder=\"email address\"><\/p>\n<div id=\"mc_embed_signup_1\">\n<form id=\"mc-embedded-subscribe-form newsletter-form\" class=\"validate newsletter clearfix\" action=\"\/\/templatemonster.us7.list-manage.com\/subscribe\/post?u=3bc1e714b0df279c78546cb08&amp;id=007e27cd69\" method=\"post\" name=\"mc-embedded-subscribe-form\" novalidate=\"\">\n<div id=\"mc_embed_signup_scroll\">\n<div class=\"mc-field-group\">\n<p class=\"aligncenter\" style=\"text-align: center;\"><input id=\"mc-embedded-subscribe\" class=\"btn btn-primary btn-normal btn-inline\" name=\"subscribe\" type=\"submit\" value=\"Pobierz!\"><\/p>\n<\/div>\n<div id=\"mce-responses\" class=\"clear\"><\/div>\n<div style=\"position: absolute; left: -5000px;\"><input id=\"newsletter-form-email\" tabindex=\"-1\" name=\"b_3bc1e714b0df279c78546cb08_007e27cd69\" type=\"text\" value=\"\"><\/div>\n<\/div>\n<\/form>\n<\/div>\n<\/div>\n<\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<div class=\"spacer\"><\/div>\n<p class=\"spacer\" style=\"text-align: justify;\">Mo\u017cesz rzuci\u0107 okiem na t\u0119 wci\u0105gaj\u0105c\u0105 <a href=\"http:\/\/canvasrider.com\/\" target=\"_blank\" rel=\"nofollow\">gr\u0119<\/a>. Wykorzystuje element canvas i&nbsp;pozwala&nbsp;zorientowa\u0107 si\u0119, o czym m\u00f3wi\u0119.&nbsp;&nbsp;Je\u015bli chodzi o tworzenie jakichkolwiek animacji lub interaktywno\u015bci w elemencie canvas HTML5, prawie zawsze potrzebujesz JavaScript. JavaScript jest zwykle bardziej intensywny procesor (i zmienny), gdy jest u\u017cywany do pewnych rzeczy, takich jak animacje.<\/p>\n<h4>To by\u0142y podstawowe informacje, a teraz nadszed\u0142&nbsp;czas powiedzie\u0107 Ci, czego nie ma HTML5.<\/h4>\n<p style=\"text-align: justify;\"><strong>HTML5 nie jest narz\u0119dziem do opracowywania tre\u015bci, projekt\u00f3w, film\u00f3w<\/strong> i<strong> animacji<\/strong>, jak wi\u0119kszo\u015b\u0107 wierzy. To raczej pe\u0142nowarto\u015bciowa platforma, kt\u00f3ra pozwala robi\u0107 r\u00f3\u017cne rzeczy, kt\u00f3re mog\u0105 zawiera\u0107 dowolne z powy\u017cszych element\u00f3w.<\/p>\n<p style=\"text-align: justify;\"><strong>HTML5 nie jest pojedyncz\u0105 technologi\u0105<\/strong>, dzi\u0119ki kt\u00f3rej Tw\u00f3j produkt\/projekt\/animacja&nbsp;b\u0119d\u0105 dzia\u0142ali. Potrzebujesz co najmniej trzech technoligii - HTML5, CSS i JavaScript.<\/p>\n<p style=\"text-align: justify;\">Ze wzgl\u0119du na rozwijaj\u0105ce si\u0119 technologie, nowoczesne przegl\u0105darki mog\u0105 obs\u0142ugiwa\u0107 r\u00f3\u017cne animacji i interaktywn\u0105 zawarto\u015b\u0107 bez konieczno\u015bci u\u017cywania \u017cadnych wtyczek takich jak Flash. Zamiast tego, jak ju\u017c wspomnia\u0142am, u\u017cywaj\u0105c kombinacji <strong>JavaScript, HTML5 i CSS3<\/strong>, mo\u017cna stworzy\u0107 animowane, interaktywne tre\u015bci, kt\u00f3re doskonale dzia\u0142aj\u0105 na r\u0105\u017cnych urz\u0105dzeniach.<\/p>\n<p style=\"text-align: justify;\">Pomimo faktu, \u017ce dzi\u015b istnieje mn\u00f3stwo framework\u00f3w do tworzenia animacji JavaScript, webmasterzy przewa\u017cnie korzystaj\u0105 z kilku aplikacji, poniewa\u017c posiadaj\u0105 wygodny edytor wizualny. S\u0105 to: <strong>Adobe Edge Animate, Tumult Hype, Sencha Animator i Google Web Designer<\/strong>.&nbsp; Przegl\u0105daj\u0105c te narz\u0119dzia mo\u017cesz doj\u015b\u0107 do wniosku, \u017ce s\u0105 one do\u015b\u0107 podobne. Ale jest to tylko wierzcho\u0142ek g\u00f3ry lodowej. Narz\u0119dzia wykorzystuj\u0105 r\u00f3\u017cne podstawowe technologie, co stwarza pewne ograniczenia.<\/p>\n<p style=\"text-align: justify;\">Poni\u017csze informacje s\u0105 przeznaczone dla najbardziej wymagaj\u0105cych&nbsp;czytelnik\u00f3w: pami\u0119taj, \u017ce pomimo tytu\u0142u tego wpisu na blogu, <strong>nie wszystkie narz\u0119dzia wymienione&nbsp;na tej&nbsp;li\u015bcie ograniczaj\u0105 si\u0119 do HTML5.<\/strong><\/p>\n<p style=\"text-align: justify;\">W ka\u017cdym razie,&nbsp;w&nbsp;tym artyku\u0142u zebra\u0142am najlepsze, \u0142atwe w obs\u0142udze i wydajne <strong>narz\u0119dzia HTML5<\/strong>, dzi\u0119ki kt\u00f3rym b\u0119dziesz m\u00f3g\u0142 tworzy\u0107 <strong>zaawansowane animacje<\/strong> na swoich stronach.<\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><strong><a href=\"http:\/\/www.tinyanim.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">TinyAnim<\/a><\/strong><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">TinyAnim to zupe\u0142nie nowa aplikacja opracowana przez projektant\u00f3w dla projektant\u00f3w. Podobnie jak aplikacje, kt\u00f3re zobaczysz poni\u017cej, pozwala \u0142atwo tworzy\u0107 banery HTML5, ale z my\u015bl\u0105 o ma\u0142ych rozmiarach plik\u00f3w. Pasuje zar\u00f3wno do programist\u00f3w, jak i projektant\u00f3w. Interfejs aplikacji jest nie tylko pi\u0119kny, ale pochodzi od projektant\u00f3w. Mo\u017cesz wypr\u00f3bowa\u0107 oprogramowanie za darmo i zobaczy\u0107 wszystko na w\u0142asne oczy.<\/p>\n<div class=\"spacer\"><\/div>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-108150 aligncenter\" style=\"display: block;\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/05\/TinyAnim.jpg?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/05\/TinyAnim.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/05\/TinyAnim-300x156.jpg?x20232 300w\" alt=\"\" width=\"670\" height=\"349\" data-lazy-loaded=\"true\"><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><strong><a href=\"http:\/\/snip.ly\/9eovs\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Maqetta<\/a><\/strong><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">Maqetta jest open source narz\u0119dziem z WYSIWYG interfejsem. Narz\u0119dzie dzia\u0142a w przegl\u0105darce bez potrzeby instalacji dodatkowych plugin\u00f3w lub pobierania plik\u00f3w. Strony HTML utworzone z pomoc\u0105 Maqetta dzia\u0142aj\u0105 we wszystkich popularnych przegl\u0105darkach.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/maqetta.org\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-90417 aligncenter\" style=\"display: block;\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Maqetta.jpg?x47994\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Maqetta.jpg?x47994 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Maqetta-300x221.jpg?x47994 300w\" alt=\"maqetta\" width=\"670\" height=\"493\" data-lazy-loaded=\"true\"><noscript>&lt;img class=\"size-full wp-image-90417 aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Maqetta.jpg?x47994\" alt=\"maqetta\" width=\"670\" height=\"493\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Maqetta.jpg?x47994 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Maqetta-300x221.jpg?x47994 300w\" sizes=\"(max-width: 670px) 100vw, 670px\"\/&gt;<\/noscript><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><strong><a href=\"http:\/\/snip.ly\/jlbzv\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Bannersnack<\/a><\/strong><\/p>\n<p style=\"text-align: justify;\">Darmowe narz\u0119dzie do tworzenia HTML5 aniamcji. Z jego pomoc\u0105 lekko stworzysz pi\u0119kne banery reklamowe w ci\u0105gu kilku minut. Do Twojej dyspozacji -- ponad 1000 gotowych szablon\u00f3w HTML5, oraz mn\u00f3stwo opcji do tworzenia w\u0142asnych projekt\u00f3w.<\/p>\n<div class=\"spacer\"><a href=\"http:\/\/www.bannersnack.com\/animated-banners.html\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-90421 size-full\" style=\"display: block;\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Bannersnack.jpg?x47994\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Bannersnack.jpg?x47994 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Bannersnack-300x152.jpg?x47994 300w\" alt=\"bannersnack\" width=\"670\" height=\"339\" data-lazy-loaded=\"true\"><noscript>&lt;img class=\"aligncenter wp-image-90421 size-full\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Bannersnack.jpg?x47994\" alt=\"bannersnack\" width=\"670\" height=\"339\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Bannersnack.jpg?x47994 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Bannersnack-300x152.jpg?x47994 300w\" sizes=\"(max-width: 670px) 100vw, 670px\"\/&gt;<\/noscript><\/a><\/div>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/snip.ly\/8g1kw\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>HTML5 Maker<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">HTML5 Maker jesta darmowym edytorem, kt\u00f3ry stanie si\u0119 dobrym wyborem zar\u00f3wno dla profi i amator\u00f3w. Obs\u0142uguje wszystkie popularne filtry tekstowe, dzi\u0119ki czemu nie trzeba wykorzystywa\u0107 Photoshop do stworzenia tekst\u00f3w z atrakcyjnym wygl\u0105dem. Poza tym jest wyposa\u017cony w du\u017c\u0105 kolekcj\u0119 gotowych zdj\u0119\u0107. Mo\u017cna u\u017cy\u0107 ich w swoim projekcie, a tak\u017ce uzupe\u0142ni\u0107 o r\u00f3\u017cne efekty. Mo\u017cna tak\u017ce stworzy\u0107 animacj\u0119 z kreatywnymi efektami przej\u015bcia.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/html5maker.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-54449 aligncenter\" style=\"display: block;\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/HTML5-Maker.jpg?x47994\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/HTML5-Maker.jpg?x47994 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/HTML5-Maker-300x220.jpg?x47994 300w\" alt=\"HTML5 animation tools\" width=\"670\" height=\"493\" data-lazy-loaded=\"true\"><noscript>&lt;img class=\"size-full wp-image-54449 aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/HTML5-Maker.jpg?x47994\" alt=\"HTML5 animation tools\" width=\"670\" height=\"493\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/HTML5-Maker.jpg?x47994 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/HTML5-Maker-300x220.jpg?x47994 300w\" sizes=\"(max-width: 670px) 100vw, 670px\"\/&gt;<\/noscript><\/a><\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/snip.ly\/cahgd\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>Tween JS<\/strong><\/a><\/p>\n<p style=\"text-align: justify;\">TweenJS jest prost\u0105 bibliotek\u0105 animacji do u\u017cytku w JavaScript. Zosta\u0142a ona opracowana do bezproblemowego zintegrowania z bibliotek\u0105 EaselJS, ale nie zale\u017cy od jej specyfiki. Obs\u0142uguje zar\u00f3wno w\u0142a\u015bciwo\u015bci numerycznych obiekt\u00f3w i w\u0142a\u015bciwo\u015bci stylu CSS. Interfejs API jest prosty, ale bardzo pot\u0119\u017cny, co u\u0142atwia tworzenie z\u0142o\u017conych animacji.<\/p>\n<p><a href=\"http:\/\/www.createjs.com\/tweenjs\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65340 aligncenter\" style=\"display: block;\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Tween-JS1.jpg?x47994\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Tween-JS1.jpg?x47994 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Tween-JS1-300x86.jpg?x47994 300w\" alt=\"Tween-JS\" width=\"670\" height=\"193\" data-lazy-loaded=\"true\"><noscript>&lt;img class=\"size-full wp-image-65340 aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Tween-JS1.jpg?x47994\" alt=\"Tween-JS\" width=\"670\" height=\"193\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Tween-JS1.jpg?x47994 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Tween-JS1-300x86.jpg?x47994 300w\" sizes=\"(max-width: 670px) 100vw, 670px\"\/&gt;<\/noscript><\/a><\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"https:\/\/clk.tradedoubler.com\/click?p=264355&amp;a=3279527&amp;url=https%3A%2F%2Fhelpx.adobe.com%2Fcreative-cloud%2Fkb%2Fwhy-has-adobe-stopped-developing-my-app-.html\" target=\"_blank\" rel=\"nofollow\"><strong>Edge Animate CC<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">Edge Animate pozwala projektantom stron internetowych tworzy\u0107 interaktywne animacje HTML do serwis\u00f3w webowych, publikacji cyfrowych, multimedi\u00f3w, reklam i innych. Twoja animacja b\u0119dzie zgodna zar\u00f3wno z komputerami stacjonarnymi, jak i urz\u0105dzeniami mobilnymi. Dzi\u0119ki temu dotrzesz do odbiorc\u00f3w bez wzgl\u0119du na ich lokalizacj\u0119.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65326 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Edge-Animate-CC1.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Edge-Animate-CC1-300x162.jpg?x20232 300w\" alt=\"Edge-Animate-CC\" width=\"670\" height=\"361\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Edge-Animate-CC1.jpg?x20232\"><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/sur.ly\/o\/mixeek.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>Mixeek<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">Mixeek - darmowe oprogramowanie do tworzenia animacji webowych i interaktywnych animowanych web aplikacji. Jest oparte o JavaScript, CSS3 i HTML5.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/sur.ly\/o\/mixeek.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-54453 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x47994\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Mixeek.jpg?x47994 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Mixeek-300x178.jpg?x47994 300w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Mixeek-335x200.jpg?x47994 335w\" alt=\"HTML5 animation tools\" width=\"670\" height=\"399\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Mixeek.jpg?x47994\"><\/a><\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/snip.ly\/k7z4p\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>Tumult Hype 3.5<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">Tumult Hype ma specjalny system animacji oparty na klatkach kluczowych, kt\u00f3ry naprawd\u0119 o\u017cywia zawarto\u015b\u0107. Po klikni\u0119ciu \"Nagraj\", Tumult Hype zacznie ogl\u0105da\u0107 Tw\u00f3j ka\u017cdy ruch, automatycznie tworz\u0105c klatki kluczowe w razie potrzeby. Mo\u017cesz tak\u017ce dodawa\u0107, usuwa\u0107 i zmienia\u0107 kolejno\u015b\u0107 klatek kluczowych, aby dostosowa\u0107 tre\u015b\u0107, je\u015bli wolisz r\u0119czne sterowanie. \u0141atwe jest tworzenie naturalnych krzywych poprzez klikni\u0119cie i przeci\u0105gni\u0119cie \u015bcie\u017cki ruchu elementu w celu dodania punkt\u00f3w kontrolnych B\u00e9ziera.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/tumult.com\/hype\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-90413 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Tumult-Hype-3.5.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Tumult-Hype-3.5-300x161.jpg?x20232 300w\" alt=\"tumult-hype-3-5\" width=\"670\" height=\"359\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/01\/Tumult-Hype-3.5.jpg?x20232\"><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"https:\/\/www.google.com\/webdesigner\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>Google Web Designer<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">Google web Designer umo\u017cliwia tworzenie interesuj\u0105cych, interaktywnych projekt\u00f3w opartych na HTML5 i animacji ruchomych, kt\u00f3re dzia\u0142aj\u0105 idealnie na ka\u017cdym urz\u0105dzeniu. Ma dwa tryby animacji (szybki i zaawansowany). W trybie szybkim mo\u017cesz tworzy\u0107 animacji scena po scenie, a narz\u0119dzie zajmie si\u0119 klatkami po\u015brednimi. W trybie zaawansowanym mo\u017cesz animowa\u0107 poszczeg\u00f3lne elementy za pomoc\u0105 warstw, \u0142atwo zmieniaj\u0105c po\u0142o\u017cenie element\u00f3w.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"https:\/\/www.google.com\/webdesigner\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-54456 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Google-Web-Designer.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Google-Web-Designer-300x223.jpg?x20232 300w\" alt=\"HTML5 animation tools\" width=\"670\" height=\"499\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Google-Web-Designer.jpg?x20232\"><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/snip.ly\/1o5qf\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>GSAP<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">Czym jest GSAP? Jest to zestaw narz\u0119dzi do tworzenia skryptowych, wysokowydajnych animacji HTML5, kt\u00f3re dzia\u0142aj\u0105 we wszystkich&nbsp;popularnych przegl\u0105darkach. Ta pot\u0119\u017cna biblioteka zapewnia zaawansowane sekwencjonowanie, efektywno\u015b\u0107 interfejsu API i \u015bcis\u0142\u0105 kontrol\u0119.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/www.greensock.com\/gsap-js\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-54457 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/GSAP.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/GSAP-300x216.jpg?x20232 300w\" alt=\"HTML5 animation tools\" width=\"670\" height=\"483\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/GSAP.jpg?x20232\"><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"https:\/\/www.hippostudios.co\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>Hippo Animator<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">Hippo Animator to pot\u0119\u017cny, ale \u0142atwy do nauczenia edytor. Mo\u017cna \u0142atwo i szybko stworzy\u0107 z jego pomoc\u0105 efektown\u0105 animacj\u0119. Zalecany jest dla pocz\u0105tkuj\u0105cych i zawodowych web designer\u00f3w. Narz\u0119dzie dzia\u0142a zar\u00f3wno na telefonach, jak i tabletach. Filmy s\u0105 automatycznie skalowane do rozmiaru dowolnej przegl\u0105darki internetowej. Hippo Animator u\u017cywa grafiki wektorowej, gdy tylko jest to mo\u017cliwe. Istnieje mo\u017cliwo\u015b\u0107 dodania do film\u00f3w film\u00f3w MP4, YouTube lub Vimeo. Narz\u0119dzie ma wbudowany silnik JavaScript. Hippo Animator eksportuje pojedyncz\u0105 skalowaln\u0105 stron\u0119 HTML i folder z obrazami. Potrzebujesz tylko jednego wiersza kodu, aby doda\u0107 animacj\u0119 do w\u0142asnych stron internetowych. Animacja HTML jest kompatybilna z przegl\u0105darkami (w tym starszymi), przyjazna w wyszukiwaniu i nie wymaga \u017cadnych wtyczek lub plik\u00f3w do pobrania przegl\u0105darki.<\/p>\n<p style=\"text-align: justify;\">Hippo Animator ma wbudowany edytor zdj\u0119\u0107. Umo\u017cliwia tak\u017ce szybkie tworzenie pokaz\u00f3w slajd\u00f3w za pomoc\u0105 obiektu przegl\u0105darki zdj\u0119\u0107, \u015bciemnianie lub przesuwanie&nbsp;grafiki, \u0142adowanie du\u017cych&nbsp;grafik po za\u0142adowaniu filmu, sterowanie pokazem przy u\u017cyciu polece\u0144 skryptu do odtwarzania, pauzy, cofania i przewijania do przodu.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"https:\/\/www.hippostudios.co\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65338 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Hippo-Animator1.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Hippo-Animator1-300x84.jpg?x20232 300w\" alt=\"Hippo-Animator\" width=\"670\" height=\"188\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Hippo-Animator1.jpg?x20232\"><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"https:\/\/www.mugeda.com\/index.php\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>Mugeda<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">Korzystaj\u0105c z Mugeda Cloud Studio i Mugeda JavaScript API, programi\u015bci i projektanci mog\u0105 wsp\u00f3\u0142pracowa\u0107 w celu tworzenia atrakcyjnych gier casualowych i aplikacji internetowych, kt\u00f3re b\u0119d\u0105 dzia\u0142a\u0107 na urz\u0105dzeniach mobilnych, ze znacznie lepsz\u0105 wydajno\u015bci\u0105.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"https:\/\/www.mugeda.com\/index.php\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-54460 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Mugeda.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Mugeda-300x197.jpg?x20232 300w\" alt=\"HTML5 animation tools\" width=\"670\" height=\"441\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Mugeda.jpg?x20232\"><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/snip.ly\/cahgd\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>Tween JS<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">TweenJS to prosta biblioteka generowania klatek po\u015brednich do wykorzystania w JavaScript. Zosta\u0142 opracowany w celu bezproblemowej integracji z bibliotek\u0105 EaselJS, ale nie jest zale\u017cny od niej ani od niej specyficzny. Obs\u0142uguje animacj\u0119 zar\u00f3wno numerycznych w\u0142a\u015bciwo\u015bci obiektu, jak i w\u0142a\u015bciwo\u015bci stylu CSS. Interfejs API jest prosty, ale bardzo wydajny, co u\u0142atwia tworzenie z\u0142o\u017conych animacji za pomoc\u0105 \u0142a\u0144cuch\u00f3w polece\u0144.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/www.createjs.com\/tweenjs\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65340 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Tween-JS1.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Tween-JS1-300x86.jpg?x20232 300w\" alt=\"Tween-JS\" width=\"670\" height=\"193\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Tween-JS1.jpg?x20232\"><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/snip.ly\/tcksl\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>Radi<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">Radi to narz\u0119dzie do tworzenia wideo, animacji i grafiki w czasie rzeczywistym. Radi pozwala rysowa\u0107 kszta\u0142ty wektorowe i&nbsp;o\u017cywia\u0107 je&nbsp;dzi\u0119ki animacji ruchu i kszta\u0142tom, dodawa\u0107 obrazy, wzory i tekst, publikowa\u0107 jako plik HTML kompatybilny ze smartfonami, iPadami i e-bookami.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/radiapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-54463 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Radi.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Radi-300x189.jpg?x20232 300w\" alt=\"HTML5 animation tools\" width=\"670\" height=\"423\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Radi.jpg?x20232\"><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/snip.ly\/zo90b\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>Blysk<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">Blysk jest proste narz\u0119dzie,&nbsp;mo\u017cesz wykorzysta\u0107 swoje wcze\u015bniejsze do\u015bwiadczenia z innymi narz\u0119dziami animacji, aby zacz\u0105\u0107 z nim pracowa\u0107. Wszystko, co tworzysz, jest dost\u0119pne do podgl\u0105du&nbsp;poprzez jedno klikni\u0119cie. Intuicyjny interfejs i podej\u015bcie WYSIWYG zapewnia dost\u0119p do narz\u0119dzia dla wszystkich, nie tylko dla profesjonalist\u00f3w. Blysk pozwala tworzy\u0107 animacji i uruchomienie na ka\u017cdym urz\u0105dzeniu, w ka\u017cdej przegl\u0105darce na ca\u0142ym \u015bwiecie. Blysk jest dost\u0119pny - po\u0142\u0105czona moc HTML5, CSS3 i JavaScript pozwala tworzy\u0107 animacje tak jak w starych narz\u0119dziach animacji, kt\u00f3re ju\u017c znasz, ale bez \u017cadnych wtyczek. Nie wymaga instalacji, wystarczy skorzysta\u0107 z biblioteki&nbsp;zdj\u0119\u0107&nbsp;w chmurze lub u\u017cy\u0107 wbudowanych narz\u0119dzi, aby narysowa\u0107 wszystko, co chcesz. Pochylaj, skaluj, obracaj, animuj za pomoc\u0105 otwartych technologii internetowych.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/bly.sk\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-54464 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Blysk.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Blysk-300x291.jpg?x20232 300w\" alt=\"HTML5 animation tools\" width=\"670\" height=\"651\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Blysk.jpg?x20232\"><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/snip.ly\/brtyt\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>Animatron<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">To narz\u0119dzie nie wymaga&nbsp;rejestracji. Animatron to proste i wydajne narz\u0119dzie online, kt\u00f3re pozwala tworzy\u0107 wspania\u0142e animacje HTML5 i interaktywne tre\u015bci. Umo\u017cliwia importowanie grafiki,&nbsp;zdj\u0119\u0107 w formacie&nbsp;SVG, przeci\u0105ganie obiekt\u00f3w z biblioteki, tworzenie niestandardowych kszta\u0142t\u00f3w za pomoc\u0105 Pathfindera, dzielenie projektu na wiele scen, rysowanie za pomoc\u0105 narz\u0119dzi do rysowania, importowanie d\u017awi\u0119ku, dostosowywanie animacji za pomoc\u0105 osi czasu, wysy\u0142anie adresu URL do znajomego w celu wsp\u00f3\u0142pracy, dodawanie interaktywno\u015bci, publikowanie wynik\u00f3w jako plik\u00f3w HTML5, GIF lub wideo, oraz pozwala na osadzanie animacji na witrynie.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/animatron.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65342 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Animatron1.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Animatron1-300x213.jpg?x20232 300w\" alt=\"Animatron\" width=\"670\" height=\"476\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/Animatron1.jpg?x20232\"><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/snip.ly\/5simb\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>NodeFire<\/strong><\/a><\/p>\n<p style=\"text-align: justify;\">NodeFire to responsywny animator HTML5, kt\u00f3ry mo\u017cna wypr\u00f3bowa\u0107&nbsp;na swojej witrynie. Emuluj komputery, tablety i urz\u0105dzenia mobilne w trybie projektowania. Stw\u00f3rz jedn\u0105 animacj\u0119, kt\u00f3ra automatycznie reaguje na ka\u017cde otoczenie. Wykorzystaj niezr\u00f3wnane funkcje animacji i interakcji. NodeFire dzia\u0142a b\u0142yskawicznie i jest wyposa\u017cona w bibliotek\u0119 skryptow\u0105 18K (Gzip).<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/www.nodefire.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65345 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/NodeFire.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/NodeFire-300x195.jpg?x20232 300w\" alt=\"NodeFire\" width=\"670\" height=\"436\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/NodeFire.jpg?x20232\"><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/snip.ly\/s1fnk\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><strong>MotionComposer<\/strong><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: justify;\">MotionComposer wype\u0142nia luk\u0119 pomi\u0119dzy amatorami a profesjonalnymi projektantami, oferuj\u0105c zaawansowane narz\u0119dzia do tworzenia&nbsp;funkcjonalnych animacji, z prostym i \u0142atwym w u\u017cyciu interfejsem.<\/p>\n<p style=\"text-align: justify;\">Po prostu utw\u00f3rz slajd dla ka\u017cdego stanu zawarto\u015bci, a nast\u0119pnie wybierz style animacji, a MotionComposer automatycznie utworzy \u015bcie\u017cki animacji.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/www.aquafadas.com\/en\/motioncomposer\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-65349 aligncenter\" src=\"https:\/\/www.templatemonster.com\/blog\/wp-content\/plugins\/lazy-load\/images\/1x1.trans.gif?x20232\" sizes=\"(max-width: 670px) 100vw, 670px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/MotionComposer.jpg?x20232 670w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/MotionComposer-300x197.jpg?x20232 300w\" alt=\"MotionComposer\" width=\"670\" height=\"439\" data-lazy-src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2014\/07\/MotionComposer.jpg?x20232\"><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<div class=\"spacer\"><\/div>\n<div class=\"spacer\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center;\"><em>Ten artyku\u0142 zosta\u0142 przet\u0142umaczony z angielskiego. Orygima\u0142 mo\u017cna znale\u017a\u0107 tutaj: <a href=\"https:\/\/www.templatemonster.com\/blog\/html5-animation-tools\/\" target=\"_blank\">Top Free 2018 HTML5 Animation Tools To Set Your Pages In Motion<\/a>.<\/em><\/p>\n<div style=\"text-align: center;\"><\/div>\n<hr>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center;\">* * *<\/p>\n<p style=\"text-align: justify;\"><strong>P.S.<\/strong> Co powiesz o tej li\u015bcie narz\u0119dzi do tworzenia HTML5 animacji? Czy wybra\u0142e\u015b jakie\u015b narz\u0119dzie z tej listy? Kt\u00f3ry z nich&nbsp;podoba Ci si\u0119 najbardziej? Mo\u017ce ju\u017c korzystasz z niekt\u00f3rych narz\u0119dzi do tworzenia animacji HTML5 z tej listy? Ch\u0119tnie pos\u0142uchamy Twoj\u0105 opini\u0119!<\/p>\n<p style=\"text-align: justify;\"><strong>P.P.S.<\/strong> Nie zapominaj, \u017ce w naszym katalogu jest <strong>mn\u00f3stwo r\u00f3\u017cnych <a href=\"https:\/\/www.templatemonster.com\/pl\/type\/szablony-internetowe\/\" target=\"_blank\">szablon\u00f3w HTML5<\/a><\/strong> z atrakcyjnymi animacjami. Na przyk\u0142ad, szablon Starbis:<\/p>\n<p><iframe loading=\"lazy\" title=\"Responsywny szablon HTML5 Starbis\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/CWuxPUi_2nQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wiecie, kt\u00f3re strony www moim zdaniem s\u0105 najbardziej atrakcyjne? Podobaj\u0105 si\u0119 mi dynamiczne strony www, kt\u00f3re reaguj\u0105 na ka\u017cdy ruch myszki. Poniewa\u017c pracuj\u0119 w jednej z wiod\u0105cych firm IT, jest ca\u0142kiem naturalne, \u017ce interesuj\u0119 si\u0119, jakie narz\u0119dzie wykorzystuj\u0105 webmsterzy do animowania wirtualnych obiekt\u00f3w. Dlatego w tym artyku\u0142u zebra\u0142am najlepsze narz\u0119dzia do tworzenia animacji HTML5, z [&hellip;]<\/p>\n","protected":false},"author":2098093,"featured_media":5939,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[229,15],"tags":[25,17,75,198,104],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>TOP alternatywnych narz\u0119dzi do tworzenia animacji HTML5<\/title>\n<meta name=\"description\" content=\"W tym artyku\u0142u znajdziesz zestaw \u0142atwych w obs\u0142udze narz\u0119dzi HTML5, z pomoc\u0105 k\u00f3rych mo\u017cna stworzy\u0107 atrakcyjne animacje webowe dla swoich stron.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/pl\/animacja-html5\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TOP alternatywnych narz\u0119dzi do tworzenia animacji HTML5\" \/>\n<meta property=\"og:description\" content=\"W tym artyku\u0142u znajdziesz zestaw \u0142atwych w obs\u0142udze narz\u0119dzi HTML5, z pomoc\u0105 k\u00f3rych mo\u017cna stworzy\u0107 atrakcyjne animacje webowe dla swoich stron.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/pl\/animacja-html5\/\" \/>\n<meta property=\"og:site_name\" content=\"Polski Blog TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonster.Poland\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-17T09:28:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-12T15:57:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2017\/05\/animacja-html5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Katarzyna Paw\u0142owska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Polska\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Polska\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Katarzyna Paw\u0142owska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/pl\/animacja-html5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/animacja-html5\/\"},\"author\":{\"name\":\"Katarzyna Paw\u0142owska\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/2999e876fc63abe75a8811b5d8e045d8\"},\"headline\":\"Animacja HTML5. TOP alternatywnych narz\u0119dzi do tworzenia atrakcyjnych animacji\",\"datePublished\":\"2018-05-17T09:28:38+00:00\",\"dateModified\":\"2022-09-12T15:57:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/animacja-html5\/\"},\"wordCount\":2258,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#organization\"},\"keywords\":[\"HTML5\",\"Inspiracja\",\"Tworzenie stron internetowych\",\"Web Design\",\"Wtyczki\"],\"articleSection\":[\"HTML i CSS\",\"Web Design\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/pl\/animacja-html5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/pl\/animacja-html5\/\",\"url\":\"https:\/\/monsterspost.com\/pl\/animacja-html5\/\",\"name\":\"TOP alternatywnych narz\u0119dzi do tworzenia animacji HTML5\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#website\"},\"datePublished\":\"2018-05-17T09:28:38+00:00\",\"dateModified\":\"2022-09-12T15:57:51+00:00\",\"description\":\"W tym artyku\u0142u znajdziesz zestaw \u0142atwych w obs\u0142udze narz\u0119dzi HTML5, z pomoc\u0105 k\u00f3rych mo\u017cna stworzy\u0107 atrakcyjne animacje webowe dla swoich stron.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/animacja-html5\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/pl\/animacja-html5\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/pl\/animacja-html5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animacja HTML5. TOP alternatywnych narz\u0119dzi do tworzenia atrakcyjnych animacji\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#website\",\"url\":\"https:\/\/monsterspost.com\/pl\/\",\"name\":\"Polski Blog TemplateMonster\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/pl\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#organization\",\"name\":\"MonsterPost Polska\",\"url\":\"https:\/\/monsterspost.com\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Polska\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/templatemonster_pl\/\",\"https:\/\/www.pinterest.com\/TM_Polska\/\",\"https:\/\/www.youtube.com\/channel\/UCjXro5nNpRT0p0YY6MGl4sQ\",\"https:\/\/www.facebook.com\/TemplateMonster.Poland\/\",\"https:\/\/twitter.com\/TM_Polska\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/2999e876fc63abe75a8811b5d8e045d8\",\"name\":\"Katarzyna Paw\u0142owska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5711b6355781e59c81d4da82c476bd97?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5711b6355781e59c81d4da82c476bd97?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Katarzyna Paw\u0142owska\"},\"description\":\"W bran\u017cy IT od 8 lat. Fan nowych technologii webowych, web designu oraz rozwi\u0105za\u0144 u\u017cytecznych i funkcjonalnych. W praktyce: marketer, DJ, blogerka. W wolnym czasie wspiera inicjatywy propaguj\u0105ce wiedz\u0119 z dziedziny SMM i rozwija swoj\u0105 mi\u0142o\u015b\u0107 do crossfitu.\",\"url\":\"https:\/\/monsterspost.com\/pl\/author\/katrina\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TOP alternatywnych narz\u0119dzi do tworzenia animacji HTML5","description":"W tym artyku\u0142u znajdziesz zestaw \u0142atwych w obs\u0142udze narz\u0119dzi HTML5, z pomoc\u0105 k\u00f3rych mo\u017cna stworzy\u0107 atrakcyjne animacje webowe dla swoich stron.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/pl\/animacja-html5\/","og_locale":"pl_PL","og_type":"article","og_title":"TOP alternatywnych narz\u0119dzi do tworzenia animacji HTML5","og_description":"W tym artyku\u0142u znajdziesz zestaw \u0142atwych w obs\u0142udze narz\u0119dzi HTML5, z pomoc\u0105 k\u00f3rych mo\u017cna stworzy\u0107 atrakcyjne animacje webowe dla swoich stron.","og_url":"https:\/\/monsterspost.com\/pl\/animacja-html5\/","og_site_name":"Polski Blog TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonster.Poland\/","article_published_time":"2018-05-17T09:28:38+00:00","article_modified_time":"2022-09-12T15:57:51+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2017\/05\/animacja-html5.jpg","type":"image\/jpeg"}],"author":"Katarzyna Paw\u0142owska","twitter_card":"summary_large_image","twitter_creator":"@TM_Polska","twitter_site":"@TM_Polska","twitter_misc":{"Napisane przez":"Katarzyna Paw\u0142owska","Szacowany czas czytania":"11 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/pl\/animacja-html5\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/pl\/animacja-html5\/"},"author":{"name":"Katarzyna Paw\u0142owska","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/2999e876fc63abe75a8811b5d8e045d8"},"headline":"Animacja HTML5. TOP alternatywnych narz\u0119dzi do tworzenia atrakcyjnych animacji","datePublished":"2018-05-17T09:28:38+00:00","dateModified":"2022-09-12T15:57:51+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/pl\/animacja-html5\/"},"wordCount":2258,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/pl\/#organization"},"keywords":["HTML5","Inspiracja","Tworzenie stron internetowych","Web Design","Wtyczki"],"articleSection":["HTML i CSS","Web Design"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/pl\/animacja-html5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/pl\/animacja-html5\/","url":"https:\/\/monsterspost.com\/pl\/animacja-html5\/","name":"TOP alternatywnych narz\u0119dzi do tworzenia animacji HTML5","isPartOf":{"@id":"https:\/\/monsterspost.com\/pl\/#website"},"datePublished":"2018-05-17T09:28:38+00:00","dateModified":"2022-09-12T15:57:51+00:00","description":"W tym artyku\u0142u znajdziesz zestaw \u0142atwych w obs\u0142udze narz\u0119dzi HTML5, z pomoc\u0105 k\u00f3rych mo\u017cna stworzy\u0107 atrakcyjne animacje webowe dla swoich stron.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/pl\/animacja-html5\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/pl\/animacja-html5\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/pl\/animacja-html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/pl\/"},{"@type":"ListItem","position":2,"name":"Animacja HTML5. TOP alternatywnych narz\u0119dzi do tworzenia atrakcyjnych animacji"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/pl\/#website","url":"https:\/\/monsterspost.com\/pl\/","name":"Polski Blog TemplateMonster","description":"","publisher":{"@id":"https:\/\/monsterspost.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/pl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/pl\/#organization","name":"MonsterPost Polska","url":"https:\/\/monsterspost.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Polska"},"image":{"@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/templatemonster_pl\/","https:\/\/www.pinterest.com\/TM_Polska\/","https:\/\/www.youtube.com\/channel\/UCjXro5nNpRT0p0YY6MGl4sQ","https:\/\/www.facebook.com\/TemplateMonster.Poland\/","https:\/\/twitter.com\/TM_Polska"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/2999e876fc63abe75a8811b5d8e045d8","name":"Katarzyna Paw\u0142owska","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5711b6355781e59c81d4da82c476bd97?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5711b6355781e59c81d4da82c476bd97?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Katarzyna Paw\u0142owska"},"description":"W bran\u017cy IT od 8 lat. Fan nowych technologii webowych, web designu oraz rozwi\u0105za\u0144 u\u017cytecznych i funkcjonalnych. W praktyce: marketer, DJ, blogerka. W wolnym czasie wspiera inicjatywy propaguj\u0105ce wiedz\u0119 z dziedziny SMM i rozwija swoj\u0105 mi\u0142o\u015b\u0107 do crossfitu.","url":"https:\/\/monsterspost.com\/pl\/author\/katrina\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts\/3952"}],"collection":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/users\/2098093"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/comments?post=3952"}],"version-history":[{"count":9,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts\/3952\/revisions"}],"predecessor-version":[{"id":14922,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts\/3952\/revisions\/14922"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/media\/5939"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/media?parent=3952"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/categories?post=3952"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/tags?post=3952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}