Getting Started on Line-of-Business HTML5 App – Part 13 Display, Edit in DataTables jQuery Plug-in

Line-of-business apps often present data in a table. DataTables is a plug-in for jQuery. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Features You get variable length pagination, on-the-fly filtering, multi-column sorting with data type detection, smart handling of column…


Getting Started on Line-of-Business HTML5 App – Part 10 Validate, Validate, Validate

Validate, validate, validate. Whenever a user needs to submit data to your application, you need to validate users input. And what if you could design your form without any JavaScript at all, and add validation later, and thereby improving the user experience (UX) as much as possible. jQuery and certain frameworks help  a lot with…


Getting Started on Line-of-Business HTML5 App – Part 8 Building a Better Form

One of the cool features of HTML5 is the support offered in forms. You’ve probably worked with HTML form tag, which is how you collect customer responses and add interactivity to your website. HTML forms interact with scripts to collect data, record information, or simply involve your readers with your web page. You’ve used input…


Getting Started on Line-of-Business HTML5 App – Part 7 Local Storage

One of the new features that you may want to use in your line of business application is local storage. We can store data locally or use cookies. localstorage provides a way to persist data on the client side without using cookies. The localStorage attribute provides persistent storage areas for domains. It allows Web applications…


Getting Started on Line-of-Business HTML5 App – Part 6 Selecting HTML with JQuery

According to its Website, “JQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.” And it is true. jQuery makes it possible for your code to get an HTML element and…


Getting Started on Line-of-Business HTML5 App – Part 5 Drawing on Canvas

In this next section, I want to be able to provide a map of my business location. Because not all browsers support Canvas, I’ll use Modernizr to help out. Modernizr will let me know if Canvas is supported, and if not it will allow me to call a polyfill. But first, let’s draw something. I…


Getting Started on Line-of-Business HTML5 App – Part 4 Using Modernizr, Polyfills, YepNope

Modernizr is a small JavaScript library that you can use for feature detection, browser compatibility using polyfills, and quick JavaScript loading. I’ll take each one in turn. It detects the availability of native implementations for next-generation web technologies, i.e. features that stem from the HTML5 and CSS3 specifications. Many of these features are already implemented…