Posts

Showing posts from August, 2020

7 Creative Uses Of OTG

Image
OTG(On-The-Go) is one small gadget that is used to connect two devices for sharing data and power. Here are 7 creative uses of this OTG Cable: 1. Charge Other Smartphone You will not believe that you can charge other smartphones by using OTG. Simply you have to connect OTG on one smartphone and then connect Charging USB Cable In OTG USB port and Type-C port on another smartphone.   2.Connect Flash/Pen Drive You can connect Pendrive, card reader, and other external storage devices in your smartphone by using OTG cable. 3.Connect Mouse/Keyboard   You can connect the mouse and keyboard on your smartphone through OTG. Fun fact mouse and keyboard works very well with today's smartphone. Isn't that crazy?       4.Print Documents From Smartphone You can directly print documents from the printer by just connecting the smartphone with a printer USB cable. You need to use OTG cable for connecting the printer with a smartphone.     5.Play Games With Controller You can connect Video Games
Read More

How To Delete Gmail Account?

Image
STEP 1: Sign in with your google account   STEP 2: Open Google Account Setting     STEP 3: Scroll Down     STEP 4: Click On Delete a service or your account     STEP 5: Then, Click On Delete Your Account     STEP 6: Enter your account password for confirmation     STEP 7: Select Both Option & Then,Click On Delete Account   STEP 8: Your Google Account Is Deleted, But it will take a few days to delete your account permanently. Which means you have still some amount of time to recover it.    
Read More

5 Tips To Become A Computer Genius | How To Become A Computer Genius?

Image
Being a computer genius or knowing how to use a computer is one of the great skills in today's world. If you want to become a computer genius or expert then here are 5 tips that will help to develop your computer skill or to become a computer genius/expert. To become a computer genius you should have to follow these tips. You have to spend your time learning and developing new computer-related skills. Learn Computer Basic To Become A Computer Genius In order to become a computer genius, you have to learn computer basics. If you are new to computers, then this is the most necessary step. You should know what is a computer? How does the computer work? What is the use of Keyboard, Mouse, Monitor, CPU? What is Software/Hardware? etc. To learn computer basics you can go search on YouTube and Google and learn it by watching videos and reading articles on different websites. There are lots of professionals who provide Computer Basic Courses on the Internet. You can Google all these kinds
Read More

Trending Posts

How To Create a Fake Facebook Login Clone Using Only HTML and CSS?

Image
First of all these HTML elements into your HTML document. Copy the code From Our Github   <div><h1>Facebook</h1>         <p>Connect with friends and the world<br> around you on Facebook.</p>     </div>     <div class="form">         <form action="">        <div>         <input type="text" name="Username" id="Username" placeholder="Email or Phone Number">        </div>        <div>         <input type="password" name="Password" id="Password" placeholder="Password">        </div>        <div>         <input type="submit" value="Log In" class="submit">        </div>         </form>     </div>   Then add this CSS code to your CSS file.  *{    box-sizing: border-box;    margin: 0;    padding: 0;    font-family: SFProDisplay-Regular, Helvet
Read More

The Importance of Responsive Web Design for Mobile Devices

Image
In today's world, mobile devices have become an integral part of our lives. As more people rely on smartphones and tablets for accessing the internet, it has become essential for web developers to create websites that are optimized for mobile devices. This is where responsive web design comes into play.   Responsive web design refers to the process of creating websites that can adapt to different screen sizes and resolutions, including those of mobile devices. This means that when a user accesses a website on a mobile device, the website's layout, images, and content are automatically adjusted to fit the device's screen size, providing an optimal user experience.   There are several reasons why responsive web design is crucial for mobile devices. Here are a few:   1. Improved User Experience: Mobile users expect websites to load quickly and be easy to navigate. Responsive web design ensures that the website adapts to the user's device, providing an optimal us
Read More

How To Create A Trapezium Using HTML and CSS?

Image
STEP 1: Add <div class="trapezium"></div> in your HTML document in the <body> section. STEP 2: Add this CSS code. .trapezium{ border-width: 100px; border-style: solid; border-color: transparent transparent black transparent; width: 200px;  }   Output The border-width: 100px; property gives width to the border, border-s tyle: solid; makes the border surface area solid, and border-color: transparent transparent black transparent; make the top, left, right side border transparent and keep the bottom border black which creates a triangle. Then, the width: 200px; property extends it to make a trapezium or trapezoid.
Read More

How To Create A Semi-circle Using Only HTML and CSS?

Image
STEP 1: Add a <div class="semi-circle"></div> in the body section of an HTML document. STEP 2: Go To your CSS file and add this code.  .semi-circle{  width: 150px;   height: 75px;   background-color: black;   border-radius: 100px 100px 0 0; } Output The width: 150px; and height: 75px; gives width and height and create a rectangle. Then, background-color: black; gives color to the background so that we can see the actual rectangle created. And the last one, border-radius: 100px 100px 0 0; , it create a rounded border on the top-left and top-right corner of  the rectangle. The two zeros in ( border-radius: 100px 100px 0 0 ; ) is for the border-radius for bottom-right and bottom-left and we kept it width 0 to make it look like a semi-circle.
Read More

Building an Enhanced To-Do List App Using HTML, CSS, and JavaScript with Local Storage

Image
In this tutorial, we'll create an enhanced To-Do list app using HTML, CSS, and JavaScript, incorporating local storage to save our tasks. This project is perfect for beginners looking to improve their web development skills. What You Will Learn Creating a basic To-Do list interface Adding, editing, and deleting tasks Saving tasks to local storage Styling the application with CSS Your Folder Structure Your project folder should look like this: enhanced-todo-app/ ├── index.html ├── style.css ├── script.js └── images/ ├── delete.svg └── editbutton.svg GitHub Repository For the complete source code, you can check out the GitHub repository: Enhanced To-Do List App Source Code . Step 1: HTML Structure We'll start with the basic HTML structure for our To-Do list app. Create an HTML file named index.html and add the following code:
Read More

How To Create A Magic 8 Ball Using HTML, CSS, and JavaScript?

Image
Create A Magic 8 Ball Project Using HTML, CSS, and JavaScript. HTML Code <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Magic 8 Ball - Created By Rohit Shah</title>     <link rel="stylesheet" href="style.css">     <script src="script.js"></script> </head> <body>     <div class="ball">         <div class="whitesurface">             <p id="response">8</p>         </div>     </div>     <div class="inputfield">         <input type="text" id="clear" placeholder="Ask Me Anything!">         <button id="askme" onclick="myF
Read More

Web-Based Development Environments: Should You Make the Switch?

Image
With everything moving to the cloud, web-based development environments have been gaining a lot of attention. Unlike traditional setups, where you install bulky software on your computer, web-based environments let you code straight from your browser. But are they actually a game-changer, or just a trend? Let's break down what makes them so popular, the benefits and drawbacks, some tools worth trying, and whether or not this style of development is right for you. So, What Exactly is a Web-Based Development Environment? Imagine being able to code from any device, anywhere, without needing to download anything. That’s the whole idea behind web-based development environments. You just log into your browser, open up your coding platform, and boom – you’re ready to go. All the heavy work, like storing your files and running the code, happens in the cloud, so you can work from an older laptop, tablet, or even a shared computer without worrying about performance. These online codin
Read More

12MP vs 48MP vs 64MP vs 108MP | Does More Megapixel Equal Better Image Quality?

Image
Right now, In a smartphone, you will get a 48MP Camera, 64MP Camera, 108MP Camera, and so on. But, Does this number of megapixels improve the image quality? What is a Megapixel? Megapixel means a million pixels in an image. Pixel is the small dot or square on the image. By combining millions of pixels, one image is formed. 1 Megapixel = 1 Million Pixel, 2 Megapixel = 2 Million Pixel, 12 Megapixel = 12 Million Pixel, 48 Megapixel = 48 Million Pixel, 64 Megapixel = 64 Million Pixel, and so on.   Does More Megapixel equal better image quality? No. A Megapixel is just a million pixels in an image. Many other factors also matter while capturing an image like Image Sensor, Aperture, Megapixel, Lens, and Software.    If you have a 108 Megapixel Camera with a small image sensor and a 12 Megapixel camera with a big image sensor. Then, The second one will have better quality. It's because, in a big image sensor, the pixel size is bigger. If the pixel size is bigger, it can capture more ligh
Read More

How To Create A Parallelogram Using HTML and CSS?

Image
STEP 1: Add <div class="parallelogram"></div> into your HTML document inside <body> section. STEP 2: Add this CSS code. .parallelogram{   width: 250px;   height: 150px;   background-color: black;   transform: skew(-30deg);  } Output The width: 250px and height: 150px give width and height to the object. The background-color: black; make the object's background color black to make it visible. Then, the transform: skew(-30deg); property skew the object in X-axis by -30degree. And the parallelogram is created using HTML and CSS.
Read More

Brief History Of Computer

Image
The history of computers is a fascinating journey that spans centuries and has undergone numerous transformative developments. Here's a brief overview: 1. Ancient Calculating Tools (3000 BC - 1500 BC): The earliest forms of computing can be traced back to devices like the abacus, which allowed people to perform basic arithmetic calculations. Other ancient tools like the astrolabe and slide rule were used for more specialized calculations.   2. Mechanical Calculators (17th - 19th centuries): The 17th century saw the development of mechanical calculators, with notable inventions like Blaise Pascal's Pascaline (1642) and Gottfried Wilhelm Leibniz's Stepped Reckoner (1673). These devices helped to do arithmetic operations.   3. Analytical Engine (1837): Designed by Charles Babbage, the Analytical Engine is considered the precursor to modern computers. It relied on punched cards for input and came equipped with components like an arithmetic logic unit, memory, and a control unit
Read More