Replace all images with .svg extension with SVG code and retain image’s classes

Code Snippets

Here is a jQuery code snippet that will replace all your images with the SVG codes and retain all classes that images have, getting added to the SVG class attribute. // Replace image tag with svg const replaceWithSVG = () => { let imgSelector =...

Replace an SVG image by SVG code – Script

Code Snippets

Here is a script that will help you replace an image tag with an SVG extension image file with SVG code. This can be helpful when you don’t want too much SVG code inside your HTML file. (function () {...

Google charts are based on pure HTML5/SVG technology

UI Components

Hey guys, today I experimented with Google charts and found out this unique thing about this great library by Google. Screenshot of Google chart / Check demo below The most coolest part of this library is that it created charts that are built with SVG and not Canvas...

SVG Path Builder

Misc

Just found this cool SVG Path Builder. So taking a note of it and adding it to my bookmarks. Path builder link – https://codepen.io/webdevpuneet/pen/MWVpovE Demo See the Pen SVG Path Builder by Puneet Sharma (@webdevpuneet) on...

How to create an SVG animation with CSS?

Misc

Hey guys, I really needed to put this awesome video post by Dev Ed as he demonstrates step by step method to create an SVG animation with CSS. Here are the steps I noted: Step 1 – get your SVG image ready by editing it on Figma or any other SVG editor by...