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

Draw any SVG path from 0 to 100% – using GSAP
See the Pen Draw any SVG path from 0 to 100% by Puneet Sharma (@webdevpuneet) on CodePen. HTML <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width,...
How to add customised css to CDN hosted ckeditor
Method 1 – Load CKEditor via CDN and Configure Custom CSS: <script src=”https://cdn.ckeditor.com/4.16.2/standard/ckeditor.js”></script> <script> CKEDITOR.replace(‘editor1’, { contentsCss: ‘path/to/your/custom.css’ });...Script to add emoticons in input on focused area
Demo See the Pen Script to add emoticons in input on focused area by Puneet Sharma (@webdevpuneet) on CodePen. Script <script type=”module”> import { createPicker } from ‘https://unpkg.com/picmo@latest/dist/index.js’; let...Can I replicate ctrl ++ and ctrl — in a browser using buttons and click on it using javascript?
Replicating the functionality of Ctrl++ and Ctrl– using buttons in a browser involves a different approach. You’ll need to simulate the Ctrl key being pressed while clicking the buttons. This isn’t straightforward since simulating system-level key...