B. Tudorică - pagina personală

Grafică & Programare în Internet (2)

https://www.youtube.com/watch?v=emFMHH2Bfvo - SVG Explained in 100 Seconds
https://developer.mozilla.org/en-US/docs/Web/SVG - SVG: Scalable Vector Graphics
https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial - SVG Tutorial
https://www.youtube.com/watch?v=ecl-eCbYFPM - Reverse Engineer CSS Animations #Shorts
https://www.youtube.com/watch?v=UTHgr6NLeEw - Make Awesome SVG Animations with CSS // 7 Useful Techniques
https://www.w3schools.com/graphics/ - HTML Graphics
https://www.w3schools.com/graphics/svg_intro.asp - SVG tutorial, W3Schools
https://www.youtube.com/watch?v=vAJEHf92tV0 - Learn HTML Canvas: Pixels & Physics
https://www.packtpub.com/product/vector-graphics-with-svg-html-complete-course-with-projects-video/9781838645991 - Vector Graphics with SVG & HTML - Complete Course with Projects
https://www.udemy.com/course/svg-basics-for-beginners-concepts-explained-with-examples/ - SVG basics for beginners - concepts explained with examples
https://www.vandelaydesign.com/best-svg-code-tutorials/ - Best Free SVG Code Tutorials For Web Designers & Developers
https://cs.lmu.edu/~ray/notes/introjavascriptgraphics/ - JavaScript Graphics
https://www.skillshare.com/browse/svg - Cursuri de SVG pe Skillshare
https://www.toptal.com/front-end/svg-animation-guide - A How-to Guide to SVG Animation
https://medium.com/@aniboaz/animate-svg-4fa7dd00e860 - How I stopped worrying and learned to animate SVG
https://yalantis.com/blog/web-animation-technologies-and-tools/ - Web Animations and Animation Tools That You Can Use for Your Web App

Tutoriale

https://www.youtube.com/watch?v=vqXLGX0szIQ - Motion Design for the Web | FREE COURSE
https://www.w3schools.com/graphics/svg_intro.asp - SVG Tutorial
https://www.w3schools.com/graphics/canvas_intro.asp - HTML Canvas Tutorial
https://www.w3docs.com/learn-html/html-canvas-tag.html - HTML <canvas> Tag
https://rembound.com/articles/how-to-make-a-html5-canvas-game - How To Make An HTML5 Canvas Game
https://www.vincentntang.com/3d-renderer-2d-html-canvas/ - How to build a 3D Renderer with 2D HTML Canvas
https://www.youtube.com/watch?v=LQPKzf_G18Q - HTML5 Canvas Tutorial - Examples using HTML5 Canvas
https://www.youtube.com/watch?v=UoTxOVEecbI - Pixel Effects with JavaScript and HTML Canvas - Tutorial
https://www.youtube.com/watch?v=ZKrjsux7C38 - Interactive web animation with SVG (DevFest 2019)
https://www.youtube.com/watch?v=vcJwm4ejcjI - Creative SVG Animation Ideas CSS JavaScript HTML
https://www.youtube.com/watch?v=XK7T3mY1V-w - Awesome 3D ANIMATION Javascript Tutorial!
https://www.youtube.com/watch?v=YszONjKpgg4 - Learn CSS Animation In 15 Minutes
https://www.youtube.com/watch?v=MLfAW55_4cY - Buttons With Awesome Hover Effects Using Only HTML & CSS

Exemple

https://speckyboy.com/css-javascript-polygons/ - 8 Awesome Examples of CSS & JavaScript Polygons
https://www.youtube.com/watch?v=LuWdeuPMHps - Easy Hand-Drawn SVG Animation #Shorts
https://www.youtube.com/watch?v=m-osco-Xuqs - 100 Best Logo Animation l 100 Best Motion logos l 100 Cool Logos l 100 Logo Intro
https://bashooka.com/coding/svg-animation-ideas-2017/ - 40 Interesting SVG Animation Ideas 2019
https://ro.pinterest.com/kandrplusc/svg-animation/ - SVG Animation (colecție Pinterest)
https://colorlib.com/wp/svg-animations-examples/ - Top 24 Examples of SVG Animations for Web Designers and Developers 2020
https://ro.pinterest.com/roblevintennis/svg-animation-examples/ - SVG Animation Examples (colecție Pinterest)
https://www.pinterest.ie/gill111/svgs/ - SVGs (colecție Pinterest)
https://awesomeopensource.com/projects/svg-animations - The Top 14 Svg Animations Open Source Projects
https://www.hongkiat.com/blog/svg-animations/ - 30 Awesome SVG Animation For Your Inspiration
https://www.creativebloq.com/design/examples-svg-7112785 - 20 examples of SVG that will make your jaw drop
https://dribbble.com/tags/svg_animation - Svg Animation
https://mapsvg.com/blog/svg-animation-examples - The Absolute Best SVG Animation Examples (Must See)
https://csspoint101.com/50-best-svg-animation-examples/ - 50+ Best SVG animations
https://css-tricks.com/tag/svg-animation/ - SVG ANIMATION
https://designsrock.org/svg-animation-examples/ - 55+ Unique SVG Animation Examples for Inspiration
https://www.webfx.com/blog/web-design/examples-html5-canvas/ - 17 Experimental Examples of Using HTML5 Canvas
https://code.tutsplus.com/articles/21-ridiculously-impressive-html5-canvas-experiments--net-14210 - 21 Ridiculously Impressive HTML5 Canvas Experiments
https://speckyboy.com/html5-canvas/ - 20 Amazing Implementations of HTML5 Canvas
https://www.webfx.com/blog/web-design/examples-html5-canvas/ - 17 Experimental Examples of Using HTML5 Canvas
https://medium.com/@huiwang339/html-canvas-animation-with-javascript-1956426287d3 - HTML <canvas> Animation with Javascript
https://davidwalsh.name/canvas-demos - 9 Mind-Blowing Canvas Demos
https://towardsdatascience.com/fun-with-html-canvas-build-the-matrix-c87c4bb12487 - Fun With HTML Canvas — Build the Matrix
https://vivekseth.com/parametric-drawing-canvas/ - Drawing Parametric Graphs with the HTML Canvas
https://cloudinary.com/blog/creating_html5_animations - Create Beautiful HTML5 Animations With the Canvas Element
https://www.youtube.com/watch?v=QNTeq4QdOsQ - Top 20 CSS & Javascript Effects | March 2020

WebGL - exemple

Biblioteci JavaScript pentru grafică

O lista extensivă de biblioteci: https://gist.github.com/dmnsgn/76878ba6903cf15789b712464875cfdc
https://www.creativebloq.com/features/amazing-graphical-javascript-frameworks - 11 JavaScript frameworks for creating graphics
https://javascript.plainenglish.io/top-10-graphical-libraries-to-use-with-javascript-frameworks-40dfc2b77202 - Top 10 Graphical Libraries to Use with JavaScript Frameworks
https://blog.bitsrc.io/11-javascript-charts-and-data-visualization-libraries-for-2018-f01a283a5727 - 11 Javascript Data Visualization Libraries for 2019
https://modeling-languages.com/javascript-drawing-libraries-diagrams/ - 10+ JavaScript libraries to draw your own diagrams (2020 edition)
https://www.slant.co/topics/28/~best-javascript-drawing-libraries - What are the best JavaScript drawing libraries?
https://d3js.org/ - D3.js
https://developers.google.com/chart/ - Google Chart
https://www.chartjs.org/ - ChartJS
https://gionkunz.github.io/chartist-js/ - Chartist.JS
https://britecharts.github.io/britecharts/ - Britecharts
https://taucharts.com/ - Taucharts
https://two.js.org/ - Two.js
https://threejs.org/ - Three.js
https://ptsjs.org/ - Pts.js
https://animejs.com/ - Anime.js
https://zzz.dog/ - Zdog
http://snapsvg.io/ - Snap.svg
https://svgjs.com/docs/3.0/ - Svg.js
https://github.com/nextreports/nextcharts - NextCharts
https://www.pixijs.com/ - PixiJS
http://www.graphicsjs.org/ - GraphicsJS
http://www.jsgl.org/doku.php - JSGL
https://metricsgraphicsjs.org/ - MetricsGraphics.js
http://raphaeljs.com/ - Raphael.js
https://c3js.org/ - C3.js
https://bonsaijs.org/ - BonsaiJS
http://paperjs.org/ - Paper.js
https://vectorjs.org/ - Vector.js
https://gojs.net/latest/index.html - GoJS
https://www.nomnoml.com/ - nomnoml
https://mermaid-js.github.io/mermaid/#/ - Mermaid
https://plotly.com/javascript/ - Plotly
https://nvd3.org/ - NVD3
https://viserjs.github.io/ - Viser
https://ui.toast.com/tui-chart - ToastUI
http://datamaps.github.io/ - DataMaps
http://jlord.us/sheetsee.js/ - sheetsee.js
http://sigmajs.org/ - Sigma.js
https://github.com/visjs - Vis.js
https://p5js.org/ - P5*JS
https://www.createjs.com/easeljs - EaselJS
https://maker.js.org/ - maker.js
https://github.com/bpmn-io/diagram-js - diagram-js
https://steelbreeze.net/state/ - State.js
https://github.com/jgraph/mxgraph - mxGraph

Biblioteci React pentru grafică

https://recharts.org/en-US/ - Recharts
https://uber.github.io/react-vis/ - React-vis
https://semiotic.nteract.io/ - Semiotic

WebGL

https://get.webgl.org/ - WebGL test
https://www.khronos.org/webgl/ - WebGL overview
https://www.khronos.org/webgl/wiki/Main_Page - WebGL Wiki

Page updated

Google Sites

Report abuse