Select Page

Responsive Media Queries – CSS

@media (max-width:1800px) { } @media (max-width:1400px) { } @media (max-width:1300px) { } @media (max-width: 1199.98px) { } @media (max-width: 1199.98px) { } @media (max-width: 991.98px) { } @media (max-width: 767.98px) { } @media (max-width: 575.98px) {...
JavaScript to equalize element heights

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

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...
Impressive rocket animation created with GSAP

Impressive rocket animation created with GSAP

Here is a very nice rocket animation that burst-ignites than gains momentum and finally slows down and stops ignition. See the Pen Rocket Animation with GSAP by Puneet Sharma (@webdevpuneet) on CodePen.