How to Create a HTML Slider / Carousal
This tutorial shows how to create a slider / carousal from scratch using HTML, CSS & Javascript. Using a custom self-made slider can prevent inclusion of external plugins in your application.
WebAssembly for Web Developers (Google I/O 2019)
Web development is entering to a totally new phase with WebAssembly coming in. With WebAssembly it is possible to run desktop like applications inside a browser.
Creating a Semantic Navigation Bar with the〈nav〉Tag
The HTML5 〈nav〉is a semantic way to create navigation bars / menubars in a webpage. Using semantic tags will bring a sense of meaning to the page.
Using Data-Attributes (data-*) in CSS
A special thing about HTML data-attributes is that its values can be directly rendered through CSS also. Whenever value of data-attribute changes, new value can be rendered in the page automatically.
Reading & Writing Data-Attributes (data-*) in Javascript with dataset
Custom data attributes (data-*) can be used to store extra information for an HTML element. In Javascript the dataset property of the element can be used to read and write its data attributes.
Getting Network Information with Javascript
The Network Information API gives an idea of the underlying network. Getting the network type may help the application in giving a suitable experience to the end user.
Making Synchronous HTTP Requests in Node.js
A synchronous HTTP request will wait for the request to be made and full response to come. Synchronous HTTP requests are possible in Node.js with the use of Javascript Promises, async and await.
Detecting CapsLock State (On/Off) with Javascript
In login forms, it is better to inform the user that his CapsLock is currently locked. State of the CapsLock key can be detected with the get​Modifier​State method in keyboard/mouse events.
Making GET Requests in Node.JS
HTTP GET requests can be made through Node using the http module.
Making POST Requests in Node.JS
This tutorial discusses how to send a HTTP POST request from Node using the http module.
Using Unicode (UTF-8) Icons in HTML Pages
UTF-8 icons can boost performance because you don't need to load an icon library or images. You can add UTF-8 icons in webpages either directly or using its equivalent HTML character code.
Disabling Scroll Anchoring with CSS
Scroll anchoring is a new technique implemented in browsers that prevents content jumping. This behavior can be controlled with the CSS overflow-anchor property.
Getting Device RAM Information with Javascript
The navigator.deviceMemory property gives access to the amount of memory available on the current device.
Performing Javascript Background Tasks with request​Idle​Callback
Many times there may be some low-priority Javascript code to be executed in the background. This can be done using the request​Idle​Callback method which can execute code in the idle time of the browser.
An Introduction to Sets in JavaScript
In Mathematics, a set is a collection of distinct elements. Javascript brings this concept of a mathematical set through its Set object.
An Introduction to WebVR (VIDEO)
WebVR APIs aims at making VR and AR more accessible. All VR headsets shall be supporting WebVR and the user can view the VR experience in the same webpage which he is browsing.
How to Add Preview Image to a HTML Video
By default while the browser is downloading the video, nothing will be shown as its initial preview. However with the poster attribute you can show a specific image as the preview image.
How to Detect Whether Video Format Supported with Javascript
Sometimes you would like to know whether a given video format can be played back in the given browser or not. This can be done with the can​Play​Type method.
Creating a Native Q&A / FAQ Accordion with〈details〉and〈summary〉HTML Tags
With the new 〈details〉and〈summary〉tags, it is possible to create a FAQ / Q&A section in a webpage with pure HTML and no Javascript.
An Introduction to WebUSB - Connecting USB Devices to Browser (VIDEO)
The WebUSB API allows USB devices and the browser to communicate with each other. With this you can build hardware for the web.