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 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
Feb
24
2020

HTML5 - Web SQL Database

What is the Web SQL Database Actually, The Web SQL Database API is not part of the released HTML5 specification, it is a specification that is on its own, it comes with a set of APIs that is meant for manipulating client-side databases with the use of SQL Web SQL Database is available on the latest version of Chrome, Opera and Safari. The Core Methods The following are the three core methods that were defined in the specification. open database: This core method generates the .

READ MORE
Feb
24
2020

HTML5 - Web Storage

What is HTML5 Web Storage HTML5 introduces two new structures, that are like HTTP session cookies, mainly for storing structured data directly on the client-side in other to overcome the following disadvantages. 1. Regular cookies are added with every HTTP request, thereby slowing down your web application by transmitting the same data. 2. Regular cookies are added with every HTTP request, thereby sending data unencrypted over the internet. 3. Regular cookies are restricted to about 4 KB of .

READ MORE