Nirajan BasnetforJoBins Engineeringblog.jobins.jp·May 22, 2024Solving Memory Issues with Lottie SVG AnimationsIntroduction Integrating Lottie SVG animations can significantly enhance the visual appeal of a website. However, the process can sometimes introduce performance issues, particularly with excessive memory usage. This post details my experience with i...Discuss·10 likes·26 readsJavaScript
Meet Dabhimeetdabhi.hashnode.dev·May 20, 2024Custom Image Widget: File Image, Network Image, SVG Image, and Asset Image can support this widget with Image Shape"In Flutter development, images play a pivotal role in user engagement and visual appeal. With the customImageBuilderWidget function, you can elevate your app's image-handling capabilities to new heights. This blog explores the power and flexibility ...Discuss·69 readsfile image
Bernardo Belchiorbelchior.hashnode.dev·May 12, 2024React Native: Artifacts in SVGs, why they happen and how to fix themI just spent my whole Saturday afternoon plus a Sunday morning trying to render multiple SVGs properly in the same React Native screen, so I'm writing this article both to my future self and for others not to waste as much time as I did. Context As f...DiscussReact Native
Malay Patelmalaypatel.hashnode.dev·May 8, 2024Optimizing SVG Usage in React: Tips for Loading and Managing FilesDynamic Import: const dynamicImport = { "AccessTime": () => import('./assets/icons/access_time.svg?react'), "AccountBalanceWallet": () => import('./assets/icons/account_balance_wallet.svg?react'), "Add": () => import('./assets/icons/Add.s...DiscussSVG
Ariska Hidayattech.finlup.id·Mar 31, 2024Easy Using SVG on NextJS TypescriptSimple use svg on NextJS. this recommendation from me. you can use file svg on the public folder. but, you have difficulty changing color. Convert image to svg using https://convertio.co/ step-step to use svg on NextJs: make file Icon.tsx export de...DiscussSVG
Md Taqui imamforToday'sCodemdtaquiimam.hashnode.dev·Mar 24, 202440+ Design Tools in One - 😱 A Gem For Web Developer & DesignersHello👋 Developers! Welcome to My Another Blog Post. It's me Md Taqui Imam and it's been along that i hadn't posted any blogs in dev because busy these day's. So in this blog post, i want to tell you about one of the new mind blowing website that has...Discuss·10 likes·28 readsWeb Development
surya pratap singh tomardevexplorer.hashnode.dev·Feb 29, 2024Creating SVG Animations: A Beginner’s GuideSVG (Scalable Vector Graphics) is a powerful format for creating scalable and interactive graphics on the web. When combined with CSS animations, SVGs can bring your designs to life. In this beginner-friendly guide, we’ll explore the basics of SVG an...DiscussScalable Graphics
Aryan Chaurasiacode.aryn.tech·Feb 24, 2024#CodeWeekly #6: SVG on the fly with Satori, Understanding Radix, and UI Libraries, New Series for System DesignHello everyone, I apologize for the delay in releasing last week's update. To better serve the readers, I've been working on improving the blog structure based on your feedback. Many of you suggested separating system design posts from the #CodeWeekl...Discuss#CodeWeeklySVG
Khusharth Pataniblog.khusharth.dev·Feb 20, 2024SVG progress indicator in react native - Part 1📚 Part 1: Building the base👈 you are here 🧱 Part 2: Building the component ✨ Part 3: Adding refinements and animation One of the things I enjoy the most in frontend development is creating beautiful components with animations✨ and that is w...Discuss·59 likes·941 readsReact
Khusharth Pataniblog.khusharth.dev·Feb 20, 2024SVG progress indicator in react native - Part 2📚 Part 1: Building the base 🧱 Part 2: Building the component👈 you are here ✨ Part 3: Adding refinements and animation This is Part 2 of the 3-part blog series and in this part, we will focus on creating the core parts of our progress indica...Discuss·12 likes·161 readsReact