mxicoders        +1- 302-200-3785       info@mxicoders.com

JSON , CSS , HTML5 , JQuery , Mobile JQuery

At a time when the internet subscriptions 3G exploding, where everyone wants to visit his website where preferred news that he is and have a high quality of navigation on their smartphones, HTML5 introduces himself as the technology that will unify the web rendering mobile and web rendering classic. But what is it really? What can MXI Coders do concretely with this technology that everyone is talking about?

In fact, HTML 5 is not very different from HTML 4, because it was developed as an idea to ensure backward compatibility with the latter; it is therefore not a complete overhaul of language that has been made. But when it comes to HTML5 means actually a combination of different technologies used for implementing web pages. These technologies are the CSS 3 , the JavaScript and HTML5 .

HTML 5 is a technology which is a lot of publicity, but there are good reasons for this. It promises a technological revolution that will bring the web browser opportunities previously reserved for traditional applications. Best, mobile browsers most popular have already adopted and implemented significant portions of the HTML 5 specification. In this five-part series, you will examine some of these technologies that are part of HTML 5, and can have an impact on the enormous development of mobile applications. In each part of this series, you will develop a mobile web application quite viable that illustrates a feature of HTML 5 can be used in a modern mobile browser, such as those found on iPhones or Android-based devices.

This can be grouped by HTML5 changes into two large categories: semantic changes and adding features. Semantic changes alter the meaning of the same tags. Some were reviewed and their meaning was changed (in the case of <b> tag, which indicates more now content with importance but a development in a different style). Other tags have they been rendered obsolete (as <font><center>,<s><u>... ). Finally, some have been added to give more meaning to parts of a Web page (include bulk: <footer>, <header>, <section>, <nav>, <aside> .). All these changes will alter for example, thinking his SEO, how search engines will read the information provided to them, and of course the graphics rendering on browsers that interpret these tags (including mobile browsers).

Why choose MXI Coders?

MXI Coders are the second major category is adding features. HTML5 allows for example to incorporate audio or video files directly without having to use Flash in a web page. It also provides further validation of data, with the addition of the email input type, for example, or the ability to directly add regular expressions in the input filters (for example, it is these features that help your smartphone to create a "restricted" keyboard for the type of data you need to enter). But it goes much further, allowing a little like the cookie system in PHP , easily embed client-side data and retrieve them just as easily.

Finally, HTML5 introduces a mechanism manifests with the ability to view a site mode " off-line "once you've visited once. You'll understand that HTML5 is more than ever a living technology around which revolve the Web of tomorrow. Through better use of the semantic tags (thus preparing its new web development, web 3.0) and adding a range of additional features, it will soon be a major player in the Web environment.

MXI Coders are always keen to offer training in line with current needs, offers in its catalogue courses devoted to HTML 5 and CSS 3 that will allow your company to be both respectful of standards, to produce documents faster better quality and provide a richer user experience.

 Our services to our clients:

  • Application development

  • Prototyping and UI design

  • Mobile application development

  • Plugins development

  • CSS3 website development

  • Games development

  • Flash to HTML5 corroboration

  • Silverlight to HTML5 shifting

HTML5 is a new set of HTML, JavaScript and CSS specifications. The specification work is still ongoing, so nothing is fixed and each browser implements partially the future standard!It is this aspect of HTML5 is not finalized yet which makes our job a little tricky (!).

The advantage of mobile platforms is that the two major platforms (iOS and Android) use the same HTML engine WebKit, which greatly eliminates differences.

The main new features of HTML5 are:

  • New semantic tags: <header>, <footer>, <menu>, <progress> ...

  • New form fields: <input type= »email »>, <input type= »range »> ...

  • Canvas: JavaScript APIs 2D and 3D graphics

  • CSS3: Query selectors, transitions, transformations, animations, ...

  • Accessibility: ARIA attributes

  • Geolocation

  • Detection of shift

  • Drag and drop native

  • Support offline mode: Web storage, web SQL, Application Cache

The description of all these innovations would call a (long) dedicated section.

With HTML5, it is now possible to develop a site mobile Web quality with a modern user interface.

However, there are still some obstacles to the adoption of this technology which are properly taken care by the MXI Coders.

1) Support for App Store

If you want to interact with the bank or another regular supplier, an iPhone user or an Android smartphone is expected to find an application on the Apple App Store or Android Market. The provision in the form of a Web application and a URL is not the most natural way to access information on these platforms!

2) Offline mode

The mobile user expects to be able to access certain applications (not all!) even in the absence of the network. For example, if we are on the train and we use an application for taking note and cannot accept not being able to use it for part of the journey.

3) Integration with mobile system

The integration of a Web application with the rest of the functions of the phone is very limited, even if HTML5 now provides access to the GPS and store local data. It is against impossible to make a call or search for a contact from a mobile Web application.

Web (HTML, JS, CSS) resources are loaded and executed locally by the Web view provided by PhoneGap. The application has access to the resources of the mobile device through the JavaScript API provided by Phonegap. The application can also access external services via queries "AJAX" (using XMLHttpRequest or XHR). There is a version of Phonegap by platform (iOS, Android, BlackBerry and Windows phone). Phonegap is provided in the form of an application to compile and package it with the native platform tools (XCode for iOS, Android SDK and Eclipse for Android).

The reasons for you to choose MXI Coders

The complexity and power of the JavaScript framework is very variable. Anyway, we will put minimum hands in the code and style sheets to obtain a correct result! We recommend that you use simple and compact frameworks. Indeed, the characteristics of mobile development are that we will have to be very attentive to the performance and the size of the scripts.

A small selection of JavaScript Frameworks:

  • Basic framework: for manipulating HTML components and manage AJAX requests

  • Snack ( http://snackjs.com/ ) Compact and powerful. Only the basic functions needed.

  • XUI ( http://xuijs.com/ ): a clone of JQuery optimized for WebKit engine. By designers Phonegap (Brian Leroux)

  • JQuery ( http://jquery.com/ ): The most famous! Universal (desktop + mobile), but large enough to blow

What Makes Us Special?

Our Client Speaks !