Here is a simple method to do something after the jQuery DataTables has been successfully loaded. Just add your step inside “initComplete” function. CODE <!DOCTYPE html> <html> <head> <title>Callback function every time new...
Are you getting error like the screenshot below? SCSS has a built-in function to ignore things in quotes. width: unquote(” add_your_css_here “); font-size: unquote(“clamp(1.25rem, 0.5rem + 1.45vw, 26px)”); This will be compiled without the...
Please check the demo first than I will go through explanations for the line chart with shadow effect. DEMO See the Pen Chart.js line chart with shadow by Puneet Sharma (@webdevpuneet) on CodePen. Explanations: As you can see there is a drop shadow just beneath and...
This is a good example for “how to create a gradient background in line chart using Chart JS”. Just posting it here and will update it as I have other versions too. DEMO See the Pen Custom ChartJS Gradient by Puneet Sharma (@webdevpuneet) on...
Here is a simplest way to create zebra styled elements in sets of three using CSS only. DEMO See the Pen CSS zebra-striping in sets of three by Puneet Sharma (@webdevpuneet) on CodePen. Effective CSS .zebraStrip > div:nth-child(6n+1), .zebraStrip >...
I used fitty to create responsive text that fits inside it’s parent container perfectly. Fitty Scales up (or down) text so it fits perfectly to its parent container. Ideal for flexible and responsive websites. Here is the demo. DEMO See the Pen SVG Icons –...
Blog
