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 =...

The script that will jump to pages and sections with the id on anchor click with #

GSAP

If you want to make the browser go to a particular section with the id within the page or some different page if the id is not found, then you can do it with the following script. I used it in one of my projects and it is working fine. I am also using it with the...

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 () {...

Outlined Text With CSS

CSS

Here is an example of creating an outlined/stroked text with the help of CSS. See the Pen Outlined Text by Puneet Sharma (@webdevpuneet) on CodePen.

CKEditor 4 – Strip p tags from output

UI Components

Here is a simple method with demo to get output free of p tags from instance of CKEditor 4 DEMO See the Pen CKEditor 4 – Strip p tags from output by Puneet Sharma (@webdevpuneet) on CodePen.

Adding classes to particular dates in jQuery UI datepicker

UI Components

Here is a working example of adding classes to particular dates in the jQuery UI date picker plugin. You might need to change dates to get the results like image below jquery UI datepicker DEMO See the Pen Untitled by Puneet Sharma (@webdevpuneet) on CodePen....

Sparkline Charts using Chart.js

UI Components

Here is a demo with source code to create cool responsive sparkling charts for your website and web applications. DEMO See the Pen Sparkline chart by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div class=”sparklineContainer”> <canvas...