Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles by Lakshmi Srinivas
233 articles
Upgrade your computer for free to windows 10
People who have been using Windows operating systems typically encounter persistent messages to upgrade to Windows 10. The good news is that upgrading to Windows 10 was initially offered as a free upgrade for eligible users. However, this free upgrade period had specific time limitations that users needed to be aware of. Microsoft took a different approach compared to Apple, which allows its users to upgrade to the newest operating system for free at any point. Windows users who missed the free upgrade window would need to purchase a license, which could cost around $119 or more depending on ...
Read MoreHow to build a wireless home network without a router
Setting up a wireless internet connection without a router is usually done using an ad-hoc network. This is a peer-to-peer network configuration where devices connect directly to each other without requiring a central access point. Small businesses and home users often establish ad-hoc computer-to-computer networks when they don't have access to a traditional router. What is an Ad-hoc Network An ad-hoc network allows devices with wireless capabilities to connect directly to each other, creating a temporary network without infrastructure. If you have Windows Vista, Windows 7, Windows XP, or newer systems, you can build your own wireless network ...
Read MorePull down to refresh on the mobile web browser in HTML.
The pull-to-refresh functionality is a common mobile interaction pattern where users can pull down on a webpage to refresh its content and fetch the latest updates. This feature can be implemented on mobile web browsers using JavaScript, touch events, and AJAX requests. Pull-to-refresh acts as a trigger for XMLHttpRequest (XHR) calls in AJAX, allowing new data to be dynamically loaded into specific page elements without requiring a full page reload. Implementation Approaches Using Custom JavaScript Scrolling Pull-to-refresh can be implemented using custom JavaScript scrolling mechanisms like iScroll. Popular platforms such as Twitter use iScroll for their ...
Read MoreHow to draw a circular gradient in HTML5?
HTML5 Canvas provides the createRadialGradient() method to create circular or radial gradients. This method returns a CanvasGradient object that represents a radial gradient painting along a cone defined by two circles. The gradient transitions smoothly from the inner circle to the outer circle, creating a circular gradient effect. Syntax Following is the syntax for the createRadialGradient() method − createRadialGradient(x0, y0, r0, x1, y1, r1) Parameters The createRadialGradient() method accepts six parameters that define two circles − Parameter Description x0 x-coordinate of the starting circle's center ...
Read MoreMenu not visible in IE8. How to make it visible with HTML?
Internet Explorer 8 has specific compatibility issues with CSS properties that can cause navigation menus to become invisible. The most common cause is improper use of the opacity property, which requires special handling in IE8 to ensure cross-browser compatibility. The Problem When CSS stylesheets use modern opacity syntax without fallbacks, menus may appear invisible in Internet Explorer 8. This occurs because IE8 uses proprietary filter syntax for transparency effects instead of the standard opacity property. Syntax Following is the cross-browser compatible syntax for opacity in IE8 − .element { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; ...
Read MoreHow to draw a rectangle on HTML5 Canvas?
The HTML5 Canvas element provides a powerful way to draw graphics dynamically using JavaScript. The tag creates a drawing surface, and we use its 2D rendering context to draw shapes like rectangles, circles, and lines. To draw rectangles on canvas, we use methods like fillRect() for filled rectangles and strokeRect() for outlined rectangles. These methods require coordinates and dimensions to position and size the rectangle on the canvas. Syntax Following is the syntax for drawing filled rectangles on canvas − context.fillRect(x, y, width, height); Following is the syntax for drawing outlined rectangles ...
Read MoreClear the float of an element with Bootstrap
To clear the float of an element in Bootstrap, use the .clearfix class. This utility class ensures that a container properly wraps around its floated child elements, preventing layout issues. What is Float Clearing? When elements are floated (using float: left or float: right), their parent container may collapse because floated elements are taken out of the normal document flow. The .clearfix class solves this by forcing the parent to contain its floated children. Example Here's how to use Bootstrap's .clearfix class to clear floated elements: ...
Read MoreMove an HTML div in a curved path
To move an HTML div in a curved path, you can use CSS animations, JavaScript, or HTML5 Canvas. JavaScript provides the most flexibility and browser compatibility for complex curved animations. CSS Transitions - Simple curved paths using cubic-bezier JavaScript (jQuery) - Custom curved animations with precise control HTML5 Canvas - Complex curved paths with mathematical precision We'll focus on JavaScript solutions using jQuery's animate() method and modern CSS transforms. jQuery animate() Method The animate() method performs custom animations by changing CSS properties over time. ...
Read MoreControl the flow and formatting of text with CSS
The white-space property is used to control the flow and formatting of text in CSS. It determines how whitespace characters (spaces, tabs, line breaks) inside an element are handled. Syntax white-space: normal | nowrap | pre | pre-wrap | pre-line; White-space Values Value Line Breaks Spaces/Tabs Text Wrapping ...
Read MoreHTML5 audio control stop button
HTML5 audio elements don't have a built-in stop button, but you can create one by combining the pause() method with resetting the currentTime property. Basic Stop Function To stop audio playback, pause the audio and reset its current time to zero: Stop function stopAudio() { var myPlayer = document.getElementById('myAudio'); myPlayer.pause(); myPlayer.currentTime = 0; } Complete Example with Play/Stop Controls Play Stop var audio = document.getElementById('audioPlayer'); function playAudio() { ...
Read More