Intersection Observer API

The Intersection Observer API allows us to asynchronously check whether an element is visible or to observe changes in the intersection of a target element with an ancestor element.

Continue reading Intersection Observer API

Introduction to the Fetch API

The Fetch API is the much simpler alternative to the XMLHttpRequest API . It is also the pure JavaScript alternative to JQuery’s ajax, get and post functions.

Continue reading Introduction to the Fetch API

Introduction to the Vibration API

As the differences between native apps and web apps slowly disappear, web developers get access to more hardware, one of which is the vibration motor.

Continue reading Introduction to the Vibration API

Introduction to HTTP 2.0

A lot of the web still uses the HTTP1.1 protocol, HTTP1.1 has a new successor which provides many benefits over HTTP 1.1 , this blog post will explain the benefits of HTTP 2.0 so that you can move your webservers over to HTTP 2.0

Continue reading Introduction to HTTP 2.0

Chrome’s new auto-play policy

The most popular browser today with over 60% share of the pie is chrome. Chrome has updated their default autoplay policy affecting websites which autoplay videos with sound.

Continue reading Chrome’s new auto-play policy

Introduction to the User Timing API

The User Timing API allows you to easily measure how much of time your code blocks or events take so that you can find any performance bottlenecks in your code. With the API, you can find out how measure the time long tasks like your network requests take.

Continue reading Introduction to the User Timing API

Live Streaming

With Livewire’s Livestreaming, you can share your events and demo your products with the world.

Our Live Streaming solution is a easy to use, plugin free solution which enables you to get started quickly. To create a LiveStreaming, you can either create an account on the Livewire website or download the Livewire Messenger Android application.  Once you have signed in, you can go to the goLive page and then you are meet with a screen asking you to describe your video.

Continue reading Live Streaming

Introduction to Reporting API

There are many errors that can prevent your users from enjoying the best experiences on your website. CORS errors, deprecations, browser interventions, network errors are just some of the errors that your users may encounter. 

With the reporting API, your browser will now send details of errors or warning directly to your server so that you can get notified and know exactly what errors your users are facing.

Support

The reporting API is still very new with very few browsers supporting it. On chrome, you need to enable the below run time command line flag to use the API.

--enable-features=Reporting

Usage

To use the reporting API, you need to add the Report-To header, which can contain one or more objects which describes an endpoint group for the browser to report errors to

The basic format of the header is as follows


Report-To: {
    "group": "default",
    "max_age": 10000000,

  "include_subdomains": true,
    "endpoints": [{
       "url": "https://yoursite.com/errors-reports"
    }]
}

The group attribute specifies a name to be given to the type of report, its default value is “default”

The max_age attribute is used to define the lifetime to report errors to the endpoint

The include_subdomains attribute is used to specify whether data from the subdomains must be sent to the endpoint or not

The endpoints attribute is an array of urls which are the actual urls that data will be sent to when your user encounters an error or warning. The browser will send data to only one endpoint, so the array can include fallback urls in case your main url is offline.

The reporting API will send the data to your server endpoint in a post message with the following format

POST /error_url 
HTTP/1.1
Host: yoursite.com
Content-Type: content_type
[{ 
"type": "error_type", 
"age": 10, 
"url": "url_of_page_where_error_occurred", 
"user_agent": "
Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like ....", 
"body": {    "blocked": "blocked_url",   
"directive": "script-src",   
"policy": "script-src 'self';
object-src 'none'",   
"status": 200,   
"referrer": "https://evil.com/" 
}
}, } 
...}]

You can find more information about the reporting API here.

Group video calling

 Love getting friends and family in one place for regular catch ups. Need to hold an meeting quickly or on the go. 

Livewire has simplest, high quality video group calls, starting a call take only a few seconds and you can invite all your friends in a snap.

Continue reading Group video calling

Native vs Hybrid App Development

Hybrid Apps normally use one code based comprised of web technologies like HTML, CSS and javascript and run in on a webview. The advantages of Hybrid apps are that now you only need to maintain one codebase for multiple platforms – Android, iOS and the Web.

Native apps are built using the specific programming language for the platform, so for Android you would use Java or Kotlin . For iOS , you would use Swift or Objective C.

Continue reading Native vs Hybrid App Development