Ultimate CSS Gradient Generator
Create a great CSS gradient with simple two-color code or multiple color points with this free...
All
Top Rated
Animating signature with SVG and CSS
See the Pen Sign With a Dotted Line: Animated SVG Signature (part 7) by Puneet Sharma...
All
Latest
Animated Cart – with SVG
Here’s an animated cart SVG with meaningful micro-interactions — a wiggle on hover, items...
Animated Cart – with SVG
Here’s an animated cart SVG with meaningful micro-interactions — a wiggle on hover, items...
Read More
Pinned snapping without reverse snapping issue:
There is an issue with the snap function of the scroll trigger such that – if the user does...
Read More
Create Thumbnail of pdf and video file with certain width and height – JavaScript Function
The following code creates a 480 X 320 px thumbnail and calls the upload function to upload...
Read MoreHTML form with detectable changes and a reset button
Let’s create an HTML form with many different types of inputs with values and a hidden submit button and a reset button. Now, create a jQuery script that detects changes in input fields, unhides the submit and reset...
Read More
OTP HTML and Script that allows pasting
Here is a code with the demo I just found on Codepen, that handles pasting OTP also. See the Pen...
Read Morejavascript detect whether mobile is in landscape or portrait mode
Both methods will detect changes in orientation. The first method is simpler but only works on mobile devices, while the second method is more universal and can work on desktops as well. Method 1: Using window.orientation...
Read More