Author: Awais Farooq
-
Geolocation API
HTML5 Geolocation API lets you share your location with your favorite web sites. A JavaScript can capture your latitude and longitude and can be sent to backend web server and do fancy location-aware things like finding local businesses or showing your location on a map. Today most of the browsers and mobile devices support Geolocation…
-
Canvas
HTML element <canvas> gives you an easy and powerful way to draw graphics using JavaScript. It can be used to draw graphs, make photo compositions or do simple (and not so simple) animations. Here is a simple <canvas> element which has only two specific attributes width and height plus all the core HTML attributes like…
-
SVG
What is SVG? SVG stands for Scalable Vector Graphics and it is an XML-based markup language used for creating scalable 2D graphics and graphical applications. It is mostly useful for vector-type diagrams like Pie charts, and two-dimensional graphs in an X, Y coordinate system. XML is an abbreviation that stands for Extensible Markup Language and it is a…
-
Style Guide
What is Style Guide in HTML? In HTML, the style guide is a set of rules and conventions that define how to write and format code. It helps to ensure that the written code is readable, understandable and easy to modify. A style guide also helps to avoid common errors and bugs that can affect…
-
Emojis
What are Emojis? Emojis are small graphical symbols or icons that represent emotions, objects, animals, flags, nature, food items and many more related entities. They are widely used in social media, messaging apps, and web pages to add some humour and feelings to the text. Although emojis looks like graphical symbols, they are actually characters of…
-
Symbols
What are HTML Symbols? In HTML, there are some characters that holds a special meaning and are difficult to type directly by the keyboard. They are often termed as Symbols. For example, other than dollar symbol we can’t find any currency symbols like Rupees and Euro in normal keyboards. However, HTML provide other ways to insert these…
-
Responsiveness
What is a Responsive Website? Responsive Web Design is an approach that allows the creation of a website compatible with different screen sizes, resolutions and devices, such as desktops, laptops, tablets, and smartphones. It helps in improving the user experience, accessibility and performance of a website. When a responsive website, such as TutorialsPoint.com, is accessed on any…
-
Layout using CSS
Now we all have learned various techniques to design an HTML layout including tables and semantic elements. We are very much comfortable and efficient at creating layouts. In this tutorial, we are going to look at how CSS properties help in arranging different components of a web page to make an attractive layout structure. To understand this chapter properly, we must…
-
Layout Elements
The Layout Elements of HTML In HTML, there are various semantic elements that are used to define different parts of a web page making it visually appealing and user-friendly. These semantic elements are collectively termed as layout elements. Each element has a specific meaning and function, and can be customized with attributes and styles. They describe the content…
-
Layouts
The HTML Layouts specifies the arrangement of components on an HTML web page. A good layout structure of the webpage is important to provide a user-friendly experience on our website. It takes considerable time to design a website’s layout with a great look and feel. Nowadays, all modern websites use CSS and JavaScript based frameworks to come up with responsive and…