Reposted by Hunor
Astonishing insights from @hunormarton.bsky.social at the past conference talk on utilizing #SVG with #React to create diagrams, graphics, animations, games, and apps. Learn the basics of the syntax at https://svg-tutorial.com/.
https://gitnation.com/contents/svg-tutorialcom
https://gitnation.com/contents/svg-tutorialcom
How to Code Images in React with SVG by Hunor Márton Borbély
Today's Talk is about coding images in React with SVGs. SVGs are powerful when combined with JavaScript and can be used to create interactive elements. Understanding SVG syntax and positioning is important, as SVG elements are limited to SVG-specific elements. The circle element in SVG can be styled and used to create shapes. The rectangle element is commonly used for charting and can be customized. The path element offers flexibility and can be built from multiple segments. Transformations and curves can be used to create complex shapes and animations. Bezier curves, both quadratic and cubic, are useful for bending lines and creating smooth transitions. Advanced features like drawing arcs are available in SVG. For more examples and use cases, visit svgtutorial.com.
gitnation.com
March 29, 2025 at 2:00 PM
Astonishing insights from @hunormarton.bsky.social at the past conference talk on utilizing #SVG with #React to create diagrams, graphics, animations, games, and apps. Learn the basics of the syntax at https://svg-tutorial.com/.
https://gitnation.com/contents/svg-tutorialcom
https://gitnation.com/contents/svg-tutorialcom
Did you know that there's an AI assistance built into Google Chrome that tries to help with CSS? I'm wondering if anyone ever got a helpful answer from it. For me, it usually generates and executes code snippets, and then it gets surprised at what it did
January 15, 2025 at 1:06 AM
Did you know that there's an AI assistance built into Google Chrome that tries to help with CSS? I'm wondering if anyone ever got a helpful answer from it. For me, it usually generates and executes code snippets, and then it gets surprised at what it did
I started a tech blog for all my things that are too advanced for freeCodeCamp and wouldn't make sense on CSS-Tricks. So far, I wrote a few articles on how to use remark to manipulate Markdown in Astro. For example, how do you assign class names to inline code elements and color them by class?
January 3, 2025 at 1:21 PM
I started a tech blog for all my things that are too advanced for freeCodeCamp and wouldn't make sense on CSS-Tricks. So far, I wrote a few articles on how to use remark to manipulate Markdown in Astro. For example, how do you assign class names to inline code elements and color them by class?
Year-end retrospect of SVG-Tutorial.com. It received 38k page views in a year, which is almost the same as that one month last year when it went viral on Hacker News. The good news is that it ranks on Google Search, and it has been slowly growing for the last few months.
December 30, 2024 at 7:32 PM
Year-end retrospect of SVG-Tutorial.com. It received 38k page views in a year, which is almost the same as that one month last year when it went viral on Hacker News. The good news is that it ranks on Google Search, and it has been slowly growing for the last few months.
Starting my SVG Tutorial soon #ReactDayBerlin
December 16, 2024 at 3:22 PM
Starting my SVG Tutorial soon #ReactDayBerlin