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
Web Development Articles
Page 797 of 801
CSS positioning related properties
The positioning related properties in CSS are:Relative PositioningRelative positioning changes the position of the HTML element relative to where it normally appears. So "left:20" adds 20 pixels to the element's LEFT position.Absolute PositioningAn element with position: absolute is positioned at the specified coordinates relative to your screen top-left corner.Fixed PositioningFixed positioning allows you to fix the position of an element to a particular spot on the page, regardless of scrolling. Specified coordinates will be relative to the browser window.
Read MoreRole of CSS Filters
Use CSS filters to add special effects to text, images and other aspects of a webpage without using images or other graphics. If you are developing your site for multi browsers, then it may not be a good idea to use CSS filters because there is a possibility that it would not give any advantage. Some CSS Filters include Motion Blur, Chroma Filter, Flip Effect, etc.
Read MoreCSS Grid Gaps
The space as shown in the following figure, between rows and columns are called Grid Gaps
Read MoreHow do I view events fired on an element in Chrome?
To view events fired on an element, follow the below steps in Google Chrome:Open Google Chrome and press F12 to open Dev Tools.Now go to Sources TabGo to Event Listener Breakpoints, on the right:Click on the events and interact with the target element.If the event will fire, then you will get a breakpoint in the debugger.
Read MoreHow to use sockets in JavaScriptHTML?
To use sockets, consider the WebSocket interface in JavaScript. This interface enables web applications to maintain bidirectional communications with server-side processes. To enable Web applications to maintain bidirectional communications with server-side processes, this specification introduces the WebSocket interface. Here are some of the methods to workaround with Web Sockets − socket = new WebSocket(url [, protocols ] ) Create a new socket using this, wherein parameters URL is a string for the connection and protocols is a string or array of string. socket . send( data ) The above is used to send data. Used to ...
Read MoreMaximum size of a <canvas> element in HTML
All web browsers limit the canvas element’s width, height, and area.For Google Chrome, the maximum allowable width and height are 32,767 pixels and the maximum allowable area is 268,435,456 pixels.For Firefox, the maximum allowable width and height are 32,767 pixels and the maximum allowable area is 472,907,776 pixels. For IE, the maximum allowable width and height are 8,192 pixels. For IE Mobile, the maximum allowable width and height are 4,096 pixels.
Read MoreStoring Credentials in Local Storage
The Local Storage is designed for storage that spans multiple windows and lasts beyond the current session. In particular, Web applications may wish to store megabytes of user data, such as entire user-authored documents or a user's mailbox, on the client side for performance reasons.For storing credentials in local storage, on successful login, generate a completely random string unrelated to user credentials. You need to store this in the database. Do not forget to add an expiry date. Pass that string to the JavaScript to be stored in local storage.As long as the local storage credential matches the database and ...
Read MoreConfiguring any CDN to deliver only one file no matter what URL has been requested
Use any CDN to deliver your purpose. You can use CloudFlare as a reverse proxy between your users and the CDN to fulfill your purpose.You can also create a rule that redirects whatever you want to index.html. This is how you can what you want considering that CDNs are configured to serve only static existing files as you know.Content Delivery Network (CDN) puts stuff like blobs and other static content in a cache. The process involves placing the data at strategically chosen locations and caching it. As a result, it provides maximum bandwidth for its delivery to users. Let us ...
Read MoreDifference between MessageChannel and WebSockets in HTML5
Web Sockets is a next-generation bidirectional communication technology for web applications that operates over a single socket and is exposed via a JavaScript interface in HTML 5 compliant browsers. Once you get a Web Socket connection with the web server, you can send data from browser to server by calling a send() method, and receive data from server to browser by an onmessage event handler.Two way communication between the browsing contexts is called channel messaging. It is useful for communication across multiple origins.While creating messageChannel, it internally creates two ports to sending the data and forwarded to another browsing context. ...
Read More