IBM Worklight is a full platform for development. Many key features can be accomplished within Worklight that you will not be able to do with a PhoneGap library.PhoneGap is a software development framework by the Adobe System, which is used to develop mobile applications. To develop apps using PhoneGap, the developer does not require to have knowledge of mobile programming language but only web-development languages like HTML, CSS, and JScript. PhoneGap produces apps for all popular mobile OS platforms such as iOS, Android, BlackBerry, and Windows Mobile OS etc.PhoneGap library and IBM Worklight both provide HTM5 and CSS support. IBM Worklight ... Read More

For HTML5 validation, you need to install IntelliSense and validation support to Visual Studio. HTML5 is supported by Visual Studio 2012.VS 2010 had IntelliSense support, but VS 2012 added corresponding snippets making it fast and easy to write markup.Follow the steps −  Launch Visual Studio 2012  Go to Tools > Options menu  When Options configuration screen is displayed, go to Text Editor > HTML > Validation.

For optimization, change the zindex of the frame. This layer the images on top of each other to solve the flickering because while redrawing the last frame is still visible.Keep incrementing the zindex value of the latest frame.Note − You need to reset the zindex again, and it may have an amazing force on cutting down the flickering.

Ionic is an HTML5 Mobile App Development Framework targeted at building hybrid mobile apps. Think of Ionic as the front-end UI framework that handles all the look and feel and UI interactions your app needs to be compelling. Kind of like "Bootstrap for Native", but with the support for a broad range of common native mobile components, slick animations and a beautiful design. Ionic framework needs native wrapper to be able to run on mobile devicesIonic is built and tested for mobile only. Internet Explorer does not support all the features of Ionic. Use separate applications for desktop and mobile. However, you ... Read More

Use the tabindex attribute on the canvas element for addEventListener on Canvas −var myTarget, myCanvas; window.onload = function() {    myCanvas = document.getElementById('canvas');    document.addEventListener('mousedown', function(event) {       myTarget = event.target;       alert('This is mousedown event.');    }, false);        document.addEventListener('keydown', function(event) {       if(myTarget == myCanvas) {          alert('This is keydown event.');       }    }, false); }

Ember.js is an open-source, free JavaScript client-side framework used for developing web applications.It allows building client-side JavaScript applications by providing a complete solution which contains datamanagement and application flow.It uses the MVC(Model-View-Controller) architecture pattern. In Ember.js, the route is used as a model,handlebar template as view and controller manipulates the data in the model.The following browsers are supported for Ember −Internet ExplorerMicrosoft EdgeSafari

To set the triangle at the center and at the bottom of div, use the following. You need to set left to 50% −.demo: after {    position: absolute;    border-top: solid 50px #e15915;    border-left: solid 50px transparent;    border-right: solid 50px transparent;    top: 100%;    left: 50%;    margin-left: -50px;    width: 0;    height: 0; }

The last-child selector is used to select the last child element of a parent. It cannot be used to select the last child element with a specific class under a given parent element.Style the last child li element with background-color −li:last-child{    background-color: blue; }It creates issues if the element is not the very last element.Let us see an example of −If your selector is a:last-child, this works −        This will be selected

To get the video duration, query the readyState attribute. It has a series from 0 to 4. When the metadata has loaded, the value you will get is 1.Therefore, you need to do something like −window.setInterval(function(tm) {    // Using readyState attriute    if (video.readyState > 0) {       var duration = $('#duration').get(0);       // for video duration       var video_duration = Math.round(video.duration);       duration.firstChild.nodeValue = video_duration;       clearInterval(tm);    } },1000);

The frameset attribute deprecated in HTML, but you can still use it. The top-level parent doc now usesExampleXHTML and the frame uses HTML5.