Here is a simple content-loading animation I created in one of my freelance projects that looks similar to the other content-loading animations you might have seen on other websites like Facebook. The logic is to animate the background gradient from left to right in...
Here is an example of simple CSS only blinking cursor that you can use and modify according to your needs. I have used keyframes to introduce infinite blinking animation to the cursor. See the Pen Simple CSS Blinking Cursor by Puneet Sharma (@webdevpuneet) on...
Use autocomplete=”new-password” in you input used for password. <div class=”form-group”> <label>Password</label> <input class=”form-control” autocomplete=”new-password” type=”password”...
I use “keyup change search” in event listner like the following code below. $(“#filterCards”).on(‘keyup change search’, function() { // Do something… });
Here is the script you can use on page load, or wheneverr user submits message or on new user chat click. You will need to include jQuery before this code to functions as expected. The jQuery stop() method is used to stop animations or effects before it is...
Add images of various formats via the buttons in the demo below See the Pen ReactJS CSS Grid Builder – Auto Flow Demo by Puneet Sharma (@webdevpuneet) on CodePen.
We can create an HTML hidden template using the following method that we can add anywhere in the page. After creating a template we can now use it, modify it, and append/prepend it’s html anywhere in the page. <script id=”imageTemplate”...
Blog
