Create Desktop App with HTML/CSS/JS - Electron Tutorial 2021

Hello readers, Today in this blog you’ll learn how to create Desktop App with HTML/CSS/JS - Electron Tutorial 2021

Video Tutorial of create desktop app with html

Your create desktop app with html

 [Source Codes]

Please download the source code files from the given download button. It’s free and a .zip file will be downloaded then you’ve to extract it.

Read More

Your Own Browser Using Python | Python Project | PyQt5

 

Hello readers, Today in this blog you’ll learn how to create  Own Browser Using Python.

The web Browser Using Python | Python Project | PyQt5 like chrome, opera and edge etc. Where we search and do many thing :D.

In this program (Your Own Browser Using Python | Python Project | PyQt5), the Browser like chrome ,edge or many more. If you’re feeling difficult to understand what I am saying. You can watch a full video tutorial on this program (Your Own Browser Using Python | Python Project | PyQt5).

Video Tutorial of Your Own Browser Using Python

In the video, you have seen the , How to make Browser.

You might like this:

• Calendar Card UI Design | Glassmorphism - HTML, CSS & Javascript & Digital Clock UI Design
• Animated Login Form using HTML CSS | Glass morphism
• Animated Pricing Card UI Design using only HTML & CSS

Your Own Browser Using Python | Python Project | PyQt5 [Source Codes]

Please download the source code files from the given download button. It’s free and a .zip file will be downloaded then you’ve to extract it.

Read More

CSS Magic Line Icon Fill Hover Effects | Social Media Buttons

 

Hello readers, Today in this blog you’ll learn how to create  CSS Magic Line Icon  Social Media Buttons using only HTML & CSS. 

The Social Media Links and Buttons let your website visitors and content viewers to easily share your content with their preferred social media connections and networks. Adding these buttons or links to your content allows you to expand the reach of your content to new audiences and make new visitors back to your website.

In this program (CSS Magic Line Icon Fill Hover Effects | Social Media Buttons), on the webpage, there are four different social media networks buttons – Facebook, Twitter, Instagram, and YouTube with their icon or logo and when you click on a particular button, the button is clicked with hover visualization which makes these buttons more attractive. If you’re feeling difficult to understand what I am saying. You can watch a full video tutorial on this program (CSS Magic Line Icon Fill Hover Effects | Social Media Buttons).

Video Tutorial of 3D Social Media Buttons

  

In the video, you have seen the hover effect Click Effect on Social Media Buttons and I hope you’ve understood the basic codes behind creating these buttons and their hover effect too. This is a pure CSS program that means I used only HTML & CSS so if you’re a beginner then you can also create these types of buttons and effects.

You can add <a href=”your site URL here”> tag inside each button to redirect the user to your particular preferred social network site/account on button click. You can easily get the source codes of this program (CSS Magic Social Media Buttons). To get the source codes you just need to scroll down. You can use these Social Media Buttons in your HTML pages, websites, and projects.

You might like this:

• Calendar Card UI Design | Glassmorphism - HTML, CSS & Javascript & Digital Clock UI Design
• Animated Login Form using HTML CSS | Glass morphism
• Animated Pricing Card UI Design using only HTML & CSS

CSS Magic Line Icon Fill Hover Effects | Social Media Buttons [Source Codes]

Please download the source code files from the given download button. It’s free and a .zip file will be downloaded then you’ve to extract it.

Read More

Calendar Card UI Design | Glassmorphism - HTML, CSS & Javascript & Digital Clock UI Design

 

Hello readers, Today in this blog you’ll learn how to create an Calendar Card UI with Digital clock Desigusing HTML CSS & JavaScript.

The calendar card and digital clock is the ui design. A calendar card with digital clock can make using HTML, CSS, and JavaScript only.

If you’re feeling difficult to understand what I am saying. You can watch a full video tutorial on this program [Calendar Card UI Design | Glassmorphism - HTML, CSS & Javascript & Digital Clock UI Design].

Video Tutorial of Elastic Animation on Search Bar

You might like this:

• Random Password Generator
• Animated Login Form using HTML CSS | Glass morphism
• Animated Pricing Card UI Design using only HTML & CSS

Calendar Card UI Design | Glassmorphism - HTML, CSS & Javascript & Digital Clock UI Design  [Source Codes]

Please download the source code files from the given download button. It’s free and a .zip file will be downloaded then you’ve to extract it.

If your code doesn’t work or you’ve faced any errors/problems then please comment down or contact us from the contact page.

Read More

Random Password Generator App in HTML CSS & JavaScript | CodingIndia

Hello readers, Today in this blog you’ll learn how to create a Random Password Generator App using HTML CSS & JavaScript. Earlier I have shared a blog on how to make login form with only html & css . Now it’s time to create Random Password Generator.

Random Password Generator is a program that automatically generates a password randomly. Those generated passwords are mix with numbers, alphabets, and punctuations. This type of program helps the user to create a strong password.

Today in this program, I’ll share with you this program (Random Password Generator). In this program, there is a container with an input field, a copy icon, and a button. When you click on the generate password button each time this program automatically generated a random password and, there is shown a copy button that copies that generated password when you click on that button.

If you’re feeling difficult to understand what I am saying. You can watch a full video tutorial on this program (Random Password Generator).

Video Tutorial of Random Password Generator App

As you have seen, the Random Password Generator Program in the video. This program generates a random password with the help of JavaScript Math.random() random function. Without JavaScript, this program won’t generate a random password. And therein video, you have also seen, the copy button which copies generated password. It is possible with the JavaScript document.execCommand(“copy”).

If you like this program (Random Password Generator) and want to get source codes. You can easily get the source codes of this program. To get the source codes you just need to scroll down.

You might like this:

*  Animated Login Form using HTML CSS | Glass morphism

* Animated Pricing Card UI Design using only HTML & CSS 

Random Password Generator App [Source Codes]

Please download the source code files from the given download button. It’s free and a .zip file will be downloaded then you’ve to extract it.

Read More