{"id":13494808,"url":"https://github.com/WebAnimationWorkshops/workshop-resources","last_synced_at":"2025-03-28T14:31:55.439Z","repository":{"id":71994225,"uuid":"73225922","full_name":"WebAnimationWorkshops/workshop-resources","owner":"WebAnimationWorkshops","description":"Houses the resources for WAW workshop","archived":false,"fork":false,"pushed_at":"2018-03-18T21:42:34.000Z","size":142,"stargazers_count":153,"open_issues_count":0,"forks_count":39,"subscribers_count":15,"default_branch":"master","last_synced_at":"2024-10-31T09:37:14.476Z","etag":null,"topics":["animation","codepen","svg-animations","waw","web-animation-workshops","web-animations","workshop-resources"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/WebAnimationWorkshops.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-11-08T20:50:52.000Z","updated_at":"2024-10-07T02:34:51.000Z","dependencies_parsed_at":"2023-02-23T23:00:28.061Z","dependency_job_id":null,"html_url":"https://github.com/WebAnimationWorkshops/workshop-resources","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WebAnimationWorkshops%2Fworkshop-resources","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WebAnimationWorkshops%2Fworkshop-resources/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WebAnimationWorkshops%2Fworkshop-resources/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WebAnimationWorkshops%2Fworkshop-resources/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WebAnimationWorkshops","download_url":"https://codeload.github.com/WebAnimationWorkshops/workshop-resources/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246046113,"owners_count":20714907,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","codepen","svg-animations","waw","web-animation-workshops","web-animations","workshop-resources"],"created_at":"2024-07-31T19:01:28.448Z","updated_at":"2025-03-28T14:31:54.874Z","avatar_url":"https://github.com/WebAnimationWorkshops.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Web Animation Workshops Resources\n\nThis repo houses resources for Web Animation Workshops\n\n### Authors: Sarah Drasner and Val Head\n\nWe'll be using CodePen for both the teaching demos and the homework so that we can get you up and running faster. For sections covering React-Motion, it may make more sense to use Create-React-App so that your workflow more closely mirrors development, but that decision is up to you.\n\n_Password to all decks is WAW!_\n\n## Slides:\n\n* [Introduction](http://slides.com/vlh/waw-intro?token=eE_f3_XU)\n* [Classic animation principles worth stealing](https://www.slideshare.net/secret/1yK01w1F4bNpNz)\n* [Principles of UI/UX animation](http://slides.com/sdrasner/waw-principles-ux?token=258_EYo8)\n* [Essentials of CSS animation](http://slides.com/vlh/waw-cssanimation?token=emxTzAcD)\n* [Basics of TweenMax \u0026 TimelineMax](http://slides.com/sdrasner/waw-gsap?token=rg606T3G)\n* [SVG workflow and optimization](http://slides.com/vlh/waw-svgworkflow?token=V4aSNC9y)\n* [SVG animation](http://slides.com/sdrasner/waw-svg-animation?token=D-wwuju5)\n* [Intro to Animating with React](http://slides.com/vlh/intro-anim-react?token=CNlmb06B#/)\n* [Animating with React cont.](http://slides.com/sdrasner/waw-react?token=Pmgv8l9k)\n\n## Further Slide Resources:\n\n* [Web Animation Performance](http://slides.com/vlh/waw-webanimationperf?token=3xSwGsW5)\n* [The Web Animation API](http://slides.com/vlh/waw-waapi?token=wz6rRkTn)\n* [Mo.js](http://slides.com/sdrasner/svg-workshop-mojs?token=wAkiI-Pe)\n\n## CodePen Collections:\n\n* [CSS Excercises](http://codepen.io/collection/DBLaex/)\n* [SVG Animation and GreenSock](http://codepen.io/collection/XvBQJQ/)\n\n## Our Twitter Contact Info\n\n* [Sarah Drasner](https://twitter.com/sarah_edo)\n* [Val Head](https://twitter.com/vlh)\n\n## License\n\n[![Creative Commons License](https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png)](http://creativecommons.org/licenses/by-nc-sa/4.0/)\n\nThis work is licensed under a [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](http://creativecommons.org/licenses/by-nc-sa/4.0/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FWebAnimationWorkshops%2Fworkshop-resources","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FWebAnimationWorkshops%2Fworkshop-resources","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FWebAnimationWorkshops%2Fworkshop-resources/lists"}