├── .gitignore ├── README.md ├── badly-optimized ├── DEC895D6A408354F.png └── pagoda-process.svg ├── basic-d3 ├── README.txt ├── babel │ └── index.babel ├── css │ └── style.css ├── index.html ├── js │ └── index.js └── scss │ └── style.scss ├── basic-react-motion ├── README.txt ├── babel │ └── index.babel ├── css │ └── style.css ├── index.html ├── js │ └── index.js ├── license.txt └── scss │ └── style.scss ├── basic-react-svg-css ├── README.txt ├── babel │ └── index.babel ├── css │ └── style.css ├── index.html ├── js │ └── index.js ├── license.txt └── scss │ └── style.scss ├── basic-timeline ├── css │ ├── reset.css │ └── style.css ├── index.html └── js │ ├── index.js │ └── prefixfree.min.js ├── basic-tween ├── css │ ├── normalize.css │ └── style.css ├── index.haml ├── index.html ├── js │ ├── index.js │ └── prefixfree.min.js └── scss │ └── style.scss ├── comparsion-css-sass-gsap ├── css │ └── style.css ├── index.haml ├── index.html ├── js │ └── index.js └── scss │ └── style.scss ├── gsap-basic-timeline.js ├── gsap-cheatsheet.js ├── master-timeline ├── css │ ├── normalize.css │ └── style.css ├── index.html ├── js │ └── index.js └── scss │ └── style.scss ├── mojs-burst ├── README.txt ├── babel │ └── index.babel ├── css │ └── style.css ├── index.html ├── js │ └── index.js ├── license.txt └── scss │ └── style.scss ├── mojs-shapes ├── README.txt ├── babel │ └── index.babel ├── css │ └── style.css ├── index.html ├── js │ └── index.js └── scss │ └── style.scss ├── mojs-tools ├── README.txt ├── babel │ └── index.babel ├── css │ └── style.css ├── index.html ├── js │ └── index.js └── scss │ └── style.scss ├── starter-svgs ├── 1466065151_travel_journey-16.svg ├── 1466065154_travel_journey-04.svg ├── 1466065160_travel_journey-06.svg ├── 1466065173_travel_journey-12.svg ├── 1466065248_Drinks-30.svg ├── 1466065253_Drinks-32.svg ├── 1466065266_medicine_care_treatment_hospital_recovery-66.svg ├── 1466065274_medicine_care_treatment_hospital_recovery-30.svg └── 1466065282_medicine_care_treatment_hospital_recovery-64.svg └── vanillajs-interaction ├── css └── normalize.css ├── index.html └── js └── index.js /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/README.md -------------------------------------------------------------------------------- /badly-optimized/DEC895D6A408354F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/badly-optimized/DEC895D6A408354F.png -------------------------------------------------------------------------------- /badly-optimized/pagoda-process.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/badly-optimized/pagoda-process.svg -------------------------------------------------------------------------------- /basic-d3/README.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-d3/README.txt -------------------------------------------------------------------------------- /basic-d3/babel/index.babel: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-d3/babel/index.babel -------------------------------------------------------------------------------- /basic-d3/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-d3/css/style.css -------------------------------------------------------------------------------- /basic-d3/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-d3/index.html -------------------------------------------------------------------------------- /basic-d3/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-d3/js/index.js -------------------------------------------------------------------------------- /basic-d3/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-d3/scss/style.scss -------------------------------------------------------------------------------- /basic-react-motion/README.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-motion/README.txt -------------------------------------------------------------------------------- /basic-react-motion/babel/index.babel: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-motion/babel/index.babel -------------------------------------------------------------------------------- /basic-react-motion/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-motion/css/style.css -------------------------------------------------------------------------------- /basic-react-motion/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-motion/index.html -------------------------------------------------------------------------------- /basic-react-motion/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-motion/js/index.js -------------------------------------------------------------------------------- /basic-react-motion/license.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-motion/license.txt -------------------------------------------------------------------------------- /basic-react-motion/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-motion/scss/style.scss -------------------------------------------------------------------------------- /basic-react-svg-css/README.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-svg-css/README.txt -------------------------------------------------------------------------------- /basic-react-svg-css/babel/index.babel: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-svg-css/babel/index.babel -------------------------------------------------------------------------------- /basic-react-svg-css/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-svg-css/css/style.css -------------------------------------------------------------------------------- /basic-react-svg-css/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-svg-css/index.html -------------------------------------------------------------------------------- /basic-react-svg-css/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-svg-css/js/index.js -------------------------------------------------------------------------------- /basic-react-svg-css/license.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-svg-css/license.txt -------------------------------------------------------------------------------- /basic-react-svg-css/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-react-svg-css/scss/style.scss -------------------------------------------------------------------------------- /basic-timeline/css/reset.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-timeline/css/reset.css -------------------------------------------------------------------------------- /basic-timeline/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-timeline/css/style.css -------------------------------------------------------------------------------- /basic-timeline/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-timeline/index.html -------------------------------------------------------------------------------- /basic-timeline/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-timeline/js/index.js -------------------------------------------------------------------------------- /basic-timeline/js/prefixfree.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-timeline/js/prefixfree.min.js -------------------------------------------------------------------------------- /basic-tween/css/normalize.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-tween/css/normalize.css -------------------------------------------------------------------------------- /basic-tween/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-tween/css/style.css -------------------------------------------------------------------------------- /basic-tween/index.haml: -------------------------------------------------------------------------------- 1 | .scene 2 | -(1..12).each do |i| 3 | .squares -------------------------------------------------------------------------------- /basic-tween/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-tween/index.html -------------------------------------------------------------------------------- /basic-tween/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-tween/js/index.js -------------------------------------------------------------------------------- /basic-tween/js/prefixfree.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-tween/js/prefixfree.min.js -------------------------------------------------------------------------------- /basic-tween/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/basic-tween/scss/style.scss -------------------------------------------------------------------------------- /comparsion-css-sass-gsap/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/comparsion-css-sass-gsap/css/style.css -------------------------------------------------------------------------------- /comparsion-css-sass-gsap/index.haml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/comparsion-css-sass-gsap/index.haml -------------------------------------------------------------------------------- /comparsion-css-sass-gsap/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/comparsion-css-sass-gsap/index.html -------------------------------------------------------------------------------- /comparsion-css-sass-gsap/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/comparsion-css-sass-gsap/js/index.js -------------------------------------------------------------------------------- /comparsion-css-sass-gsap/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/comparsion-css-sass-gsap/scss/style.scss -------------------------------------------------------------------------------- /gsap-basic-timeline.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/gsap-basic-timeline.js -------------------------------------------------------------------------------- /gsap-cheatsheet.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/gsap-cheatsheet.js -------------------------------------------------------------------------------- /master-timeline/css/normalize.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/master-timeline/css/normalize.css -------------------------------------------------------------------------------- /master-timeline/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/master-timeline/css/style.css -------------------------------------------------------------------------------- /master-timeline/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/master-timeline/index.html -------------------------------------------------------------------------------- /master-timeline/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/master-timeline/js/index.js -------------------------------------------------------------------------------- /master-timeline/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/master-timeline/scss/style.scss -------------------------------------------------------------------------------- /mojs-burst/README.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-burst/README.txt -------------------------------------------------------------------------------- /mojs-burst/babel/index.babel: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-burst/babel/index.babel -------------------------------------------------------------------------------- /mojs-burst/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-burst/css/style.css -------------------------------------------------------------------------------- /mojs-burst/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-burst/index.html -------------------------------------------------------------------------------- /mojs-burst/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-burst/js/index.js -------------------------------------------------------------------------------- /mojs-burst/license.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-burst/license.txt -------------------------------------------------------------------------------- /mojs-burst/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-burst/scss/style.scss -------------------------------------------------------------------------------- /mojs-shapes/README.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-shapes/README.txt -------------------------------------------------------------------------------- /mojs-shapes/babel/index.babel: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-shapes/babel/index.babel -------------------------------------------------------------------------------- /mojs-shapes/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-shapes/css/style.css -------------------------------------------------------------------------------- /mojs-shapes/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-shapes/index.html -------------------------------------------------------------------------------- /mojs-shapes/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-shapes/js/index.js -------------------------------------------------------------------------------- /mojs-shapes/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-shapes/scss/style.scss -------------------------------------------------------------------------------- /mojs-tools/README.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-tools/README.txt -------------------------------------------------------------------------------- /mojs-tools/babel/index.babel: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-tools/babel/index.babel -------------------------------------------------------------------------------- /mojs-tools/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-tools/css/style.css -------------------------------------------------------------------------------- /mojs-tools/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-tools/index.html -------------------------------------------------------------------------------- /mojs-tools/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-tools/js/index.js -------------------------------------------------------------------------------- /mojs-tools/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/mojs-tools/scss/style.scss -------------------------------------------------------------------------------- /starter-svgs/1466065151_travel_journey-16.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/starter-svgs/1466065151_travel_journey-16.svg -------------------------------------------------------------------------------- /starter-svgs/1466065154_travel_journey-04.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/starter-svgs/1466065154_travel_journey-04.svg -------------------------------------------------------------------------------- /starter-svgs/1466065160_travel_journey-06.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/starter-svgs/1466065160_travel_journey-06.svg -------------------------------------------------------------------------------- /starter-svgs/1466065173_travel_journey-12.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/starter-svgs/1466065173_travel_journey-12.svg -------------------------------------------------------------------------------- /starter-svgs/1466065248_Drinks-30.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/starter-svgs/1466065248_Drinks-30.svg -------------------------------------------------------------------------------- /starter-svgs/1466065253_Drinks-32.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/starter-svgs/1466065253_Drinks-32.svg -------------------------------------------------------------------------------- /starter-svgs/1466065266_medicine_care_treatment_hospital_recovery-66.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/starter-svgs/1466065266_medicine_care_treatment_hospital_recovery-66.svg -------------------------------------------------------------------------------- /starter-svgs/1466065274_medicine_care_treatment_hospital_recovery-30.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/starter-svgs/1466065274_medicine_care_treatment_hospital_recovery-30.svg -------------------------------------------------------------------------------- /starter-svgs/1466065282_medicine_care_treatment_hospital_recovery-64.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/starter-svgs/1466065282_medicine_care_treatment_hospital_recovery-64.svg -------------------------------------------------------------------------------- /vanillajs-interaction/css/normalize.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/vanillajs-interaction/css/normalize.css -------------------------------------------------------------------------------- /vanillajs-interaction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/vanillajs-interaction/index.html -------------------------------------------------------------------------------- /vanillajs-interaction/js/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdras/svg-workshop/HEAD/vanillajs-interaction/js/index.js --------------------------------------------------------------------------------