
JavaScript to equalize element heights
JavaScript to equalize element heights To achieve equal heights for child elements with the class equalize within a parent element with the class equalize-columns, you can use CSS and possibly a bit of JavaScript. One common approach is using Flexbox or Grid layout...
Custom Range Sliders
Here is a custom range slider I created to use gradients in the slided part and the thumb itself. DEMO See the Pen Custom Range Sliders by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div class=”slider”> <span...
Customized Pie Chart – Using Apache Echart
Here is a simple example of creating a customized pie chart using the Apache Echart library. DEMO See the Pen Pie Chart Using Echart by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div id=”piechart1″ style=”width:...
Customized Line Area Chart with customized Tooltip – Apache ECharts
Here is an example with a demo to create a customized line area chart with gradient and customized x-axis labels with customized tooltips. DEMO See the Pen Line Area Chart – using Apache Charts by Puneet Sharma (@webdevpuneet) on CodePen. CODE HTML <div...Animating Blocks
Here is a cool example of animating blocks with no adjacent blocks active. See the Pen Animating Blocks by Puneet Sharma (@webdevpuneet) on CodePen.