Free Tutorials

Free Tutorials for IT, Web Design/Development & Digital Marketing


IT Fundamentals Tutorial HTML Tutorial

HTML5 Tutorial > SEO Tutorial

Email Marketing Tutorial > Python3 Tutorial


Feb
24
2020

HTML5 - Web messaging

Web Messaging is the way for documents to separates browsing context to share the data without Dom. It overrides the cross-domain communication problem in different domains, protocols or ports For example, you want to send the data from your page to ad container which is placed at iframe or voice-versa, in this scenario, Browser throws a security exception. With web messaging we can pass the data across as a message event. Message Event Message events fires Cross-document messaging, channel m.

READ MORE
Feb
24
2020

HTML5 - IndexedDB

The indexeddb is a new HTML5 concept to store the data inside the user's browser. indexeddb is more power than local storage and useful for applications that require to store large amount of the data. These applications can run more efficiently and load faster. Why to use indexeddb? The W3C has announced that the Web SQL database is a deprecated local storage specification so web developers should not use this technology anymore. indexeddb is an alternative for web SQL database and more effect.

READ MORE
Feb
24
2020

HTML5 - Web Workers

JavaScript was designed to run in a single-threaded environment, meaning multiple scripts cannot run at the same time. Consider a situation where you need to handle UI events, query and process large amounts of API data, and manipulate the DOM. JavaScript will hang your browser in a situation where CPU utilization is high. Let us take a simple example where JavaScript goes through a big loop −  <!DOCTYPE HTML> <html> <head> <title>Big for loop&l.

READ MORE
Feb
24
2020

HTML5 - Drag & drop

What is Drag & Drop in HTML5 HTML5 introduced the Drag and Drop feature which is a very powerful user interface mechanism. It allows the user to copy, reorder and delete items just by mouse clicking. This particular feature lets the user click and hold down the mouse button over a particular HTML element, also drag it to another location and even release the mouse button to drop the element at that location. In other to carry out the drag and drop functionality with just the old HTML4, web.

READ MORE
Feb
24
2020

HTML5 - Microdata

What is HTML5 Microdata HTML5 introduces the microdata feature which is a new method for specifying extra syntactic semantics in your websites that uses HTML5. HTML5 microdata provides the infrastructure to create your very own unique and special element and also help in the addition of unique or custom properties in your web pages. The microdata groups are referred to as items and each name-value pair in the groups is referred to as property. The items and properties are repre.

READ MORE
Feb
24
2020

HTML5 - Geolocation

What is HTML5 Geolocation API The HTML5 Geolocation API allows you to give out or share your current location with web sites that have it enabled. A javascript method can get your latitude and longitude and then send it to the backend server and also tailor your experience according to your location like finding local businesses or show your current location on a map. Currently, most web browsers and mobile devices have support for the Geolocation API. The geolocation APIs collaborate with a n.

READ MORE
Feb
24
2020

HTML5 - Audio & Video

What is HTML5 Audio & Video As part of the feature of HTML5, Native audio and video support is available without the need for Flash The HTML5 <audio> and <video> tags make it really easy to add media to a web page. Although, you need to specify the src attributes to get the media source and also include attribute so that the user can play and pause the media Embedding Video The code below is the simplest way of embedding a video file in a webpage: <video src = "foo.m.

READ MORE
Feb
24
2020

HTML5 - Canvas

What is HTML5 Canvas The HTML5 element <canvas> allows to draw graphics using JavaScript. It is used to draw graphs, make photo compositions or do easy (and not so easy) animations. Here is a simple <canvas> element that has only two specific attributes width and height plus all the core HTML5 attributes like id, name, and class, etc. The code below is a simple <canvas> element that posseses only two specific attributes width and height&nbs.

READ MORE
Feb
24
2020

HTML5 - WebSockets

Websocket's are a next-gen two-way communication technology that is meant for applications on the web that operates over a single socket and is made available through a Javascript interface in HTML5 supported browsers. Immediately you get a web socket connection to the web server, you'll have the access to send data from the web browser to the server just by calling the send() and also accept incoming data from the server to the web browser by an onmessage event handler.  The code be.

READ MORE
Feb
24
2020

HTML5 - Server Sent Events

What are HTML5 Server-Sent Events Conventional web applications generate events that are dispatched to the webserver. as an example, a straightforward click on a link requests a brand new page from the server. These types of events that are flowing from a web browser program to the online server could also be called client-sent events. Along with HTML5, WHATWG Web Applications 1.0 introduces events that ensue web servers to web browsers and that they are called Server-Sent Events (SSE). Using.

READ MORE