Blog

Category: Misc

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

How to create HTML hidden templates in a page?

Misc

We can create an HTML hidden template using the following method that we can add anywhere in the page. After creating a template we can now use it, modify it, and append/prepend it’s html anywhere in the page. <script id=”imageTemplate”...

How to remove the p tag automatically added by CKEditor?

Misc

Use the following setting to make your ckeditor’s output p tag free that is automatically included by ckeditor.whenever you start writing something. autoParagraph: false, CKEDITOR.replace(‘editor1’, { uiColor: ‘#dadada’, height: 250,...
Hot to allow using all HTML tags in CK Editor 4

Hot to allow using all HTML tags in CK Editor 4

Misc

You need to add these settings where you have initiated editor. CKEDITOR.replace(‘ckeditortextarea’, { allowedContent: true, fullPage: true, }); or by this method.. var config = CKEDITOR.replace( ‘editor1’ ); config.allowedContent = true;...
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...
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.