Supriya Shashivasanomeal.hashnode.net·Mar 23, 2021FeaturedHow to build - Curved UI HeaderI have always loved working on UI. It is so much fun building creative and attractive UI for websites to make them pleasant and appealing to the users. This is a how-to blog post on building a curved header for a website. You might have come across t...Edidiong Asikpo (Didi) and 1 other are discussing this2 people are discussing thisDiscuss·117 likes·599 readsFrontend Development
Olubisi Idris Ayindeidrisolubisi.hashnode.net·Apr 21, 2021FeaturedHow to Build a Clock with JavaScript and SVGJavaScript is a programming language that lets you create complex web page features. On the other hand, Scalable Vector Graphics (SVG) is a two-dimensional vector image format based on the Extensible Markup Language (XML). It supports interactivity a...Sandeep Panda Test and 3 others are discussing this4 people are discussing thisDiscuss·96 likes·1.0K readsTutorialsJavaScriptThank you 😊 3
Edidiong Asikpo (Didi)edidiongasikpo.hashnode.net·Dec 3, 2020How to Use SVG Images in CSS and HTML – A Tutorial for BeginnersSVG stands for Scalable Vector Graphics. It is a unique type of image format for vector-based graphics written in Extensible Markup Language (XML). In this tutorial, I will explain why you'd want to use SVG images and how you can use them in CSS and ...Jeremiah Ikwuje and 4 others are discussing this5 people are discussing thisDiscuss·86 likes·900 readsSVGVery Informative Article Edidiong Asikpo. Bookmarked. 3
NANCY YADAVforVelocity IIIT Dharwadvelocity-1679156379018.hashnode.net·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·1 like·52 readsFrontend Development
Ethan LewisforVaunt | Blogelewis.hashnode.net·Apr 6, 2023Showcasing Developer ContributionsWe are excited to share our first release of Vaunt, an application that brings better visibility to your GitHub contributions. You can install Vaunt here. Growing Challenges Open-source software has evolved into a vast ecosystem with millions of deve...Discuss·14 likes·412 readsOpen Source
Jackson Kasijacksonkasi.hashnode.net·Mar 15, 2023Display Your Website or Application in a Realistic Device Layout Using the device-layouts NPM PackageHello Devs 😊 Device-Layouts NPM Introduction: The device-layouts npm package is a useful tool for web developers who want to showcase their website or application in a realistic device layout. It provides MacBook and iPhone device frames in SVG form...Discuss·3 likes·51 readsJavaScript
Giulia Paisstructuralblue.hashnode.net·Mar 7, 2023Create a modular SVG with JavascriptNot long ago I started working on a new project at my workplace that involved developing a Shiny application. For those who don't know, Shiny is a framework for developing lightweight web applications written in R. However, Shiny can do much more tha...Discuss·1 likeSVG
Mustapha Rufai howtobuildx.hashnode.net·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·126 readsHTML5
Narbeh ShahnazarianforDeveloper DAOgrotesque-shame-tremble-47.hashnode.net·Feb 25, 2023DevNTell - Onchain SVG smart contractsIn this week's episode of DevNTell, DAO member Nicholas gave us a demo of his smart contracts rendering live Juicebox treasury data to onchain SVG NFTs 🌟 Developer Spotlight Nicholas is a Solidity developer focused on NFTs and DAOs. Nicholas is a fu...Discuss·89 readsDevNTellWeb3
Yatharth Vermayatharth.hashnode.net·Feb 5, 2023How to use svgs in nextjs ?I use nextjs a lot whenever I build something. In Nextjs you can't directly use svgs and use it according to your convenience. When I was building one project where I had to import svg and show it in component, Nextjs was not able to show it in the w...Discuss·1 likeNext.js
Thomas Nguyenthomasnguyen.hashnode.net·Jan 13, 2023How to fix SVG background flickering once on hover1. Problem with SVG flash/ flicker If you have a button with an SVG background that also has an SVG background for its hover. When you hover over it for the first time after the page loads, there is a flicker, but there is no flicker on any subsequen...Discuss·99 readsFront-endReact
Joschininja-army.hashnode.net·Jan 1, 202310 SVG Libraries - FREE (Open Source)markermarkerCreating websites are fun and all but there is one thing you always need right? If you are doing the frontend part you always need some icons. Icons will always give your website or app fine-tuning. Everything looks just much better if yo...Discuss·1 like·44 readsCSS
Eirik Madlandsynack.hashnode.net·Dec 19, 2022Converting a SVG to URIConverting an SVG file to a data URI allows you to include the contents of an SVG file directly in your HTML, CSS, or JavaScript, rather than linking to an external file. This can be useful for small icons or graphics, or for styling an element with ...DiscussSVG
