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

OTP UI with hide show button and use image as placeholder

UI Components

Here is a demo with HTML, CSS, and jQuery script to create OTP input UI with toggle hide-show click eye. I also show a lock icon as a placeholder for an empty field. DEMO See the Pen OTP UI with hide show button by Puneet Sharma (@webdevpuneet) on CodePen. HTML...

OTP Input Complete User Interface

jQuery, UI Components

OTP Input Complete User Interface Here is a working demo with HTML, CSS, and jQuery Script for the complete functional OTP user interface for you web pages. DEMO See the Pen OTP Input by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div...