Blog
Select Page

Category: Misc

Tips, Scripts, Tools, Bookmarks, and Inspiration for Web Designers and Developers.

SVG Path Builder

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

Generic Javascript code for hide-show input-password

Misc

// hide show password if ( document.querySelectorAll(‘.toggle-password’) ){ let hideshowpassbtns = document.querySelectorAll(‘.toggle-password’); hideshowpassbtns.forEach(item => { item.addEventListener(‘click’, e => { let toggleId...
How to create a doughnut chart using Chart.js

How to create a doughnut chart using Chart.js

Misc

First of all you will need to include the canvas with a unique id and include chart.js cdn js file and then follow the steps below. Include Chart.js file <script src=”https://cdn.jsdelivr.net/npm/chart.js”></script> HTML Ass this canvas tag...
Card UI Hover Floating

Card UI Hover Floating

CSS Animations, Misc

I like this small piece of code. It’s a very fluid, very nice, and light kind of experience to have as a card on your website. See the Pen Product Card UI Hover Floating by Puneet Sharma (@webdevpuneet) on CodePen.