{"id":269,"date":"2022-06-10T09:53:00","date_gmt":"2022-06-10T09:53:00","guid":{"rendered":"https:\/\/courserls.com\/?p=269"},"modified":"2022-06-24T09:57:39","modified_gmt":"2022-06-24T09:57:39","slug":"animation-for-the-web-superhi","status":"publish","type":"post","link":"https:\/\/courserls.com\/animation-for-the-web-superhi\/","title":{"rendered":"Animation For The Web &#8211; SuperHi"},"content":{"rendered":"\n<p>Animation for the Web &#8211; Take full control of web graphics and give your site interactions a bit of flourish with movement and animation.<\/p>\n\n\n\n<p>In this go-at-your-own-pace course, SuperHi has designed and produced a series of projects all about hand-coding, styling, and animating SVGs to bring scalable, performance-friendly illustrations to life in the browser.<\/p>\n\n\n\n<p>The course includes 12 hours of video lessons that will teach you how to handcraft animations with CSS, SVG, Javascript and GreenSock.<\/p>\n\n\n\n<p>You&#8217;ll learn how to craft drawings with code in Figma and then animate their motion and styling with both CSS animations and the industry standard GreenSock Animation API (GSAP).<\/p>\n\n\n\n<p>This is a great next step for students who already have some knowledge of HTML and CSS, or have completed our Foundation HTML, CSS + Javascript + Javascript For Designers courses.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">What you\u2019ll learn Inside Animation For The Web <\/h4>\n\n\n\n<ul><li>How to craft SVGs and SVG animations by hand.<\/li><li>How to use CSS and GreenSock to animate shapes and paths.<\/li><li>Create and apply special effects such as patterns and clip paths.<\/li><li>How to set up timelines, sequences, and click events.<\/li><li>How to make our animations feel more natural with easings and delays.<\/li><li>How to start self-initiated projects working with illustrations and UI animation.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">WHO THIS COURSE IS FOR<\/h4>\n\n\n\n<p>From graphic designers looking to bring movement to their creations to developers aiming to add a bit of pizzazz to their site interactions, this course is for anyone who wants to learn how to use animation techniques for full control of graphics on the web.<\/p>\n\n\n\n<p>This is a beginner course when it comes to page transitions, though we would recommend basic knowledge of HTML, CSS, and a bit of Javascript before starting. If you don\u2019t have this just yet, trying our Learn To Code Now book, or taking our Foundation HTML, CSS + JS course and our Javascript For Designers course will help you feel as prepared as possible.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">WHAT YOU&#8217;LL NEED<\/h4>\n\n\n\n<p>A computer (Windows, Mac or Linux) with the latest version of Chrome installed and a broadband internet connection. You\u2019ll also want to set up a Figma account. That\u2019s it!<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Proof Download<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"915\" height=\"448\" src=\"https:\/\/courserls.com\/wp-content\/uploads\/2022\/06\/AFTW.png\" alt=\"\" class=\"wp-image-275\" srcset=\"https:\/\/courserls.com\/wp-content\/uploads\/2022\/06\/AFTW.png 915w, https:\/\/courserls.com\/wp-content\/uploads\/2022\/06\/AFTW-300x147.png 300w, https:\/\/courserls.com\/wp-content\/uploads\/2022\/06\/AFTW-768x376.png 768w\" sizes=\"(max-width: 915px) 100vw, 915px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong>Name of Course<\/strong>: Animation For The Web &#8211; SuperHi |\u00a0<strong>Release Date<\/strong>: 2022<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Sale Page<\/strong>:\u00a0<a href=\"https:\/\/www.superhi.com\/courses\/animation-for-the-web-svg-css-and-javascript\" target=\"_blank\" rel=\"noopener\">https:\/\/www.superhi.com\/courses\/animation-for-the-web-svg-css-and-javascript<\/a><\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Author\u2019s Price<\/strong>: $149 |\u00a0<strong>Our Price<\/strong>:\u00a0$14.95<\/p>\n\n\n\n<p class=\"has-text-align-center\">Contact us via email&nbsp;<a href=\"mailto:courserls.sp@gmail.com\">courserls.sp@gmail.com<\/a>&nbsp;to pay with PayPal\/Credit\/Debit Card<\/p>\n\n\n\n<p class=\"has-text-align-center\">Or pay with Crypto here<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/shoppy.gg\/product\/b8QpH3W\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/courserls.com\/wp-content\/uploads\/2022\/06\/buy-now.png\" alt=\"\" class=\"wp-image-112\" width=\"272\" height=\"77\" srcset=\"https:\/\/courserls.com\/wp-content\/uploads\/2022\/06\/buy-now.png 355w, https:\/\/courserls.com\/wp-content\/uploads\/2022\/06\/buy-now-300x85.png 300w\" sizes=\"(max-width: 272px) 100vw, 272px\" \/><\/a><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>Animation for the Web &#8211; Take full control of web graphics and give your site interactions a bit of flourish with movement and animation. In this go-at-your-own-pace course, SuperHi has designed and produced a series of projects all about hand-coding, styling, and animating SVGs to bring scalable, performance-friendly illustrations to life in the browser. The [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":270,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[48,22],"tags":[95,94],"_links":{"self":[{"href":"https:\/\/courserls.com\/wp-json\/wp\/v2\/posts\/269"}],"collection":[{"href":"https:\/\/courserls.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courserls.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courserls.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/courserls.com\/wp-json\/wp\/v2\/comments?post=269"}],"version-history":[{"count":3,"href":"https:\/\/courserls.com\/wp-json\/wp\/v2\/posts\/269\/revisions"}],"predecessor-version":[{"id":277,"href":"https:\/\/courserls.com\/wp-json\/wp\/v2\/posts\/269\/revisions\/277"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/courserls.com\/wp-json\/wp\/v2\/media\/270"}],"wp:attachment":[{"href":"https:\/\/courserls.com\/wp-json\/wp\/v2\/media?parent=269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courserls.com\/wp-json\/wp\/v2\/categories?post=269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courserls.com\/wp-json\/wp\/v2\/tags?post=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}