Posted inCode Projects
Make Custom CSS Cursor
If you're a web developer or designer, you may have come across the need to customize the cursor on your website. The default cursor that appears when you hover over…
Posted inCode Projects Tips & Tricks Web Development
Create Countdown timer with JavaScript
In this blog you will learn on how to create countdown timer with JavaScript. A countdown timer is an accurate timer that can be used for a website or blog…
Posted inCode Projects Productivity Web Development
How to Generate QR Code with JavaScript?
QR codes, or Quick Response codes, are two-dimensional barcodes that are often used to encode URLs, text, or other data. These codes are easy to scan using a smartphone or…
Posted inCode Projects Web Development
Creating Stunning CSS Text Animation
Are you looking to add some visual interest and movement to your website? One way to do this is through CSS text animation. CSS text animation allows you to animate…
Posted inCode Projects Productivity
Add Google Translate to your Website
Google Translate is a multilingual neural machine translation tool developed by Google that allows users to translate text, documents, and webpages between languages. It has a website interface, an Android…
Posted inCode Projects
Sibling Fade with CSS
On a hovered item, we can fade away the sibling. Use the transition animation & animate the opacity. We can add more animation by scaling the hovered item. We use…
Posted inCode Projects
Show and Hide Password with JavaScript
In this blog you will read about how you can Show and Hide Password field. JavaScript is used to show and hide password visibility. When filling out a form, there…
Posted inCode Projects
Mastering HTML Semantic Structure for Improved User Experience
HTML is not about using div in every tag. Get used to using HTML semantic structure from the beginning. Using HTML5 semantic elements can improve the organization and readability of…
Posted inCode Projects
Video as Background with CSS
A video background that takes up the entire browser window. The code for video as background GitHub is here. Preview (Video as Background with CSS) 1. HTML <!DOCTYPE html> <html…
Posted inCode Projects
JavaScript Tricks
Here is a list of useful tricks for JavaScript developers that will definitely help you one day. They help you to achieve the same goal, but these are shorter and…