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·85 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·116 readsReact
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·781 readsReact
my lê trầnletranmy.hashnode.dev·Dec 13, 2023Guide To Upload SVG Files In WordPressWhat Is SVG? Scalable Vector Graphics (SVG) is a vector graphic image format based on XML. Unlike pixel-based formats like JPG and PNG, SVG relies on XML markup to describe image attributes. SVG allows for scalability without loss of quality. ...DiscussSVGTrending
Emre Duzgunterminal3.hashnode.dev·Aug 28, 2023SVG wonders: How to enhance UX with interactive drawersIn the ever-evolving landscape of web design, the integration of Scalable Vector Graphics (SVGs) has introduced a new realm of creative possibilities. In this blog, we will explore the combination of SVGs and interactive drawers in detail, offering a...Discuss·6 likesCSS
Shawshawneither.hashnode.dev·Jun 20, 2023Smooth Sun/Moon Animation with SVG MasksDark mode has thankfully become a fairly standard feature across the web over the past few years. While adding it to a recent webapp I was building, I wanted to create a slick little animated icon for the toggle button. It turned out to be fairly str...Discuss·66 readsSVG
Nicolas Bouvrettenbouvrette.hashnode.dev·Jun 18, 2023Dynamic SVG images using Next.jsSVG has emerged as a dominant image format, offering unparalleled flexibility and scalability for today’s web development landscape. From its humble beginnings to its widespread adoption, SVG has undergone significant evolution and now plays a pivota...Discuss·11 likes·62 readsSVG
Taofeek Ibrahim (CodingAlgorithm)codingalgorithm.hashnode.dev·Apr 29, 2023Build In Public: Day 002: SVG AnimationAs soon as I started working on the project right on the first screen (onboarding screen - the cover picture -) I hit on an implementation I have to take a tutorial for, SVG animation. I had worked with svg before, a couple of years ago, but since ...Discuss·65 readsReactnative
NANCY YADAVforVelocity IIIT Dharwadvelocity-1679156379018.hashnode.dev·Apr 8, 2023SVG for Web GraphicsScalable Vector Graphics, or SVG, is a markup language used for describing two-dimensional vector graphics. SVG images are made up of mathematical equations that can be scaled infinitely without losing quality. SVG is a versatile and popular format f...Discuss·2 likes·118 readsFrontend Development
Mustapha Rufai mrufai.com·Mar 4, 2023How To Make Interactive SVG Map With HTML & CSSIf you're looking to create an interactive map of a country, follow these steps: Obtain an SVG map of the country: You can download one from websites like Wikipedia. If you can't find the exact SVG you need, consider asking a designer friend or usin...Discuss·901 readsHTML5