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·759 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·107 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·81 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·65 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·854 readsHTML5
