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·30 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·797 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·106 readsReact
Khusharth Pataniblog.khusharth.dev·Feb 20, 2024SVG progress indicator in react native - Part 3📚 Part 1: Building the base 🧱 Part 2: Building the component ✨ Part 3: Adding refinements and animation👈 you are here Welcome back! This is the last part of the 3-part blog series and in this part, we'll enhance our existing component and a...Discuss·1 like·79 readsReact
Nicolas Fränkelfrankel.hashnode.dev·Jan 25, 2024Keeping your fonts in embedded SVGLast year, I started to use Excalidraw as a diagram tool. However, the SVG images didn't display the font correctly. In this post, I'd like to explain the problem and offer a solution. Let's create a sample drawing with Excalidraw. If you open the li...DiscussWeb Development
icon Svgiconsvg.hashnode.dev·Jan 22, 2024Free Icon SVG DownloadsWhat do you think about this project we prepared for you? A tool to simplify the process of finding and generating common icons for your project.. Browse from a collection of basic and commonly-used interface icons Modify some of its appearances in...Discuss·1 likeIcons
KenStarrykenstarry.hashnode.dev·Dec 27, 2023Flutter Multi-Wayed SVG StylingIntroduction Yes, it never gets as basic as this. However, while working with SVGs can seem simple enough, can you tell me 4 different ways of styling an SVG? I like the way you are looking to the ceiling to try and think of the possible ways to styl...Discuss·1 like·104 readsMulti-Wayed FlutterFlutter