sdras / Livecode Svganimation
Licence: mit
In my Smashing Toronto talk, I'll be live coding an SVG animation from start to finish. Here's the repo that houses the base materials, and any further references for things we don't have time to cover.
Stars: ✭ 96
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Livecode Svganimation
Svg Native Viewer
SVG Native viewer is a library that parses and renders SVG Native documents
Stars: ✭ 85 (-11.46%)
Mutual labels: svg
Svgcleaner
svgcleaner could help you to clean up your SVG files from the unnecessary data.
Stars: ✭ 1,297 (+1251.04%)
Mutual labels: svg
Touchdesigner Sop To Svg
A pipeline for handling the SOP to SVG pipeline. This is especially handy for using procedurally generated geometry for paths to be cut or plotted.
Stars: ✭ 87 (-9.37%)
Mutual labels: svg
Official Bash Logo
Everything you need to start using the official GNU Bash logo
Stars: ✭ 89 (-7.29%)
Mutual labels: svg
Vectorgraphics2d
Graphics2D implementations to export various vector file formats
Stars: ✭ 87 (-9.37%)
Mutual labels: svg
Svg Cards
A set of playing cards in SVG (now also with a rendering in PNG)
Stars: ✭ 94 (-2.08%)
Mutual labels: svg
Dicom Ecg Plot
Dicom ECG Viewer and Converter. Convert to PDF, PNG, JPG, SVG, ...
Stars: ✭ 84 (-12.5%)
Mutual labels: svg
Diagram Tools
A number of small tools for generating and manipulating diagrams, mostly based around Graphviz
Stars: ✭ 95 (-1.04%)
Mutual labels: svg
React Cassette Player
Simple ReactJS HTML5 audio player component built with SVG icons from The Noun Project.
Stars: ✭ 93 (-3.12%)
Mutual labels: svg
SVG Animation Live Code 😬
In my Smashing Toronto talk, I'll be live coding an SVG animation from start to finish. Here's the repo that houses the base materials, and any further references for things we don't have time to cover. 🎨 💻
📺 See the completed demo here! https://codepen.io/sdras/pen/eKLeao/
Tools that I use or mention during the course of the talk 🛠
- Codepen-safe versions of the GSAP Plugins
- Codepen debugger chrome extension
- Google image search, reuse with modification example
- Adobe Illustrator (this is paid, but inkscape is free)
- SVGOMG, an optimizer for SVG
- SVG Path Builder from Anthony Dugois
Further reading and resources that we probably don't have time for 📓
- Optimization techniques in my article High Performance SVGS
- Heather Migliorisi's article on Accessible SVGs
- I wrote an O'Reilly book on SVG Animations
- Chris Coyier wrote an A Book Apart book on SVG in general and it's very easy to read
- Sara Soueidan has a ton of articles on her site
- I have a Frontend Masters course on SVG Animation if video is your jam. I keep a repo of free materials up to date here.
- Val Head and I give web animation workshops.
Left Shark! 👈🦈
More info:
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].