HTML5

It happens sometimes when writing code and cope with an object that you need a functionality namely a method which the object doesn't expose. And as you do not have ownership over that object as it is provided by the language or framework, it appears the need somehow to extend that object to have the desired behavior. In that case JavaScript is a language which is powerful and flexible enough to easily solve the problem. It provides a way to generate extension methods fast.

The introduction of HTML 5 facilitated the writing of validation logic on users' form controls, allowing the creation of usable forms with less or no scripting. Now it is easy to mark form fields with attributes to define what kind of validation hould be applied. The REQUIRED attribute marks the designated field as required and that form can not be posted without a value entered. The PATTERN attribute applied to a field defines that field content should correspond to predefined regular expression.

In this blog entry we look in greater detail into how to customize the ShieldUI Calendar widget. The final result is demonstrated in the following example.

Incorporating the ShieldUI jQuery Datepicker widget in bootstrap is easy, thanks to its intuitive styling mechanism. We will briefly look at some of the features of the control and see how to include it in the page and integrate it with bootstrap.
The standard date picker control allows navigation and easy selection of dates from a popup, attached on an input control. This comes handy in reservation scenarios, where quick navigation is a must.

Today we will look at the ShieldUI jQuery Datepicker widget, which allows easy selection of dates over a standard input field. It incorporates the ShieldUI Calendar to allow easy navigation over standard dates, or more reduced views of months or years. There are three widgets in this group, namely - the standard datepicker control, as well as month/year picker and datetime picker widgets.

One of the most common layout elements, when working with Bootstrap is the table rendering. The term tables is used in different contexts to refer to the Bootstrap grid layout system, a standard HTML table, or a grid-view component or widget. In this blog, we will look at the standard ways of styling a table in Bootstrap, as well as using a responsive grid view component, nested in a Bootstrap element.

Over the past months Bootstrap has gained enormous popularity. There is little surprise in this, given that it saves a lot of headache, when one aims to deliver a visually appealing, responsive site, which works on all browsers.

One of the valuable things that HTML5 conveys to developers is technology for doing rich visualizations directly in the browser. For years, web developers had to do one of the below mentioned scenarios if they want to present a visually rich element (for example a chart):

a. Conduct a round-trip to the server
The server fetches the needed image data and channels the results back to the browser. Works everywhere, but the results are usually static. Any changes to the image require more trips to the server.