jquery mobile multiple event firing on swipeleft and swiperight events.

I have been developing a mobile website using jQuery mobile.

This website have a carousel slide show, which should work with swipe left and swipe right events.

Interestingly, I found that, swipeleft and swiperight events are triggering multiple times. And this results in an unpredicted behaviors on the carousel slide show. Continue reading “jquery mobile multiple event firing on swipeleft and swiperight events.”

Phonegap, Sencha Touch, Rhomobile, MoSync Reload Supported Device APIs

Phonegap

PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms such as Android, BlackBerry, iOS, Symbian, WebOS, Windows Phone 7, Windows Phone 8, Windows 8, Bada, Tizen.

Sencha Touch

Sencha Touch, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch is the only framework that enables developers to build fast and impressive apps that work on iOS, Android, BlackBerry, Kindle Fire, and more.

RhoMobile

Motorola Solutions’ RhoMobile Suite, the HTML5 application development platform built to meet the needs of the next generation of business mobility.

With RhoMobile Suite, comprised of RhoConnect, RhoStudio and RhoElements, device type, operating system and screen size doesn’t matter. RhoMobile applications simply work on whatever mobile devices are in use in your business — including the enterprise-class devices you buy and those your users bring from home.

MoSync Reload

MoSync Reload is a tool for the rapid development of mobile applications in HTML5 and JavaScript for iOS, Android and Windows Phone mobile platforms. With MoSync Reload you can quickly edit your HTML5 code and rapidly deploy it to multiple devices simultaneously.

This table will provide information about the device APIs provided by Phonegap, Sencha Touch and Rhomobile.

Continue reading “Phonegap, Sencha Touch, Rhomobile, MoSync Reload Supported Device APIs”

What’s a good, simple HTML / CSS text editor for Windows with up-to-date autocompletion for CSS3 and HTML5?

Answer by Jacob Nelson:

Aptana Studio 3  should be good enough for you.

This supports html5/css3 with normal and html5 boilerplate template and have good autocompletion features.

Another editor you can try is NetBeans

Both these editors have multi language support.
ie; these editors support other languages like Java, PHP, PERL etc.

The best part is, These Editors are free.

View Answer on Quora

What’s a good, simple HTML / CSS text editor for Windows with up-to-date autocompletion for CSS3 and HTML5?

Answer by Jacob Nelson:

Aptana Studio 3  should be good enough for you.

This supports html5/css3 with normal and html5 boilerplate template and have good autocompletion features.

Another editor you can try is NetBeans

Both these editors have multi language support.
ie; these editors support other languages like Java, PHP, PERL etc.

The best part is, These Editors are free.

View Answer on Quora

What is the best way to learn CSS / CSS3?

Answer by Jacob Nelson:

The best way to learn CSS3 is to start with simple CSS. Then move on to CSS2 and then CSS3.
ie; start from the basics. Infact, This is applicable to any language.

Here is the complete list of CSS properties

CSS Properties Index

Here is another list, which lists all the CSS selectors.
Understanding CSS selectors is very important, when we learn CSS.

Here are some nice tutorials which will help you to learn CSS quickly.

CSS Tutorial
CSS Tutorial
CSS3 Tutorial

View Answer on Quora

Short list of what any good HTML5 frontend application developers should know

Answer by Jeremy Chone:

Here is a short list of what any good HTML5 frontend application developers should know:

  1. Understand that HTML5 is HTML and that the same application model is applicable. So, no new magical development paradigm was brought with HTML5 (outside of Canvas/WebGL, which is totally new), just browsers are more robust, much faster, and more capable.
  2. Understand that many of the effects in CSS3 are available in IE7 & IE8  with proprietary Microsoft CSS attributes. (rounded corners being the main exception). So, if a client wants to do “HTML5” looking app in IE7+, it is totally possible by use the “MS/IE7” old CSS properties and JavaScript animation lib like jQuery animate.
  3. Understand that JavaScript is completely Object Oriented, and that there is no need to have some meta-framework like Sencha to do good OO in Javascript. See an article I wrote here: http://britesnow.com/html5/javascript-for-html5-applications
  4. Understand the power of HTML and CSS for good component layout. Twitter/Bootstrap is a great (and probably the best) example of this. Simple HTML structure with simple CSS classes, and you can get some great reusable UI elements.
  5. Understand that decoupling UI layout/style from behavior (i.e. JS) brings a great deal of performance and flexibility. This could be described as the Twitter/Boostrap way vs the Sencha one. The former has a great decoupling between the HTML/CSS code and the JavaScript (which is not needed to get the layout/style), and the later, Sencha intermingles everything in a foreign all-in-one component UI and OO language (high-learning curve and high-degree of lock-in). (in other words, avoid Sencha like frameworks)
  6. Understand the pros/cons of CSS animations vs JavaScript ones. The pros for CSS transitions is that it is easier for browsers to optimize them, Safari on Mobile/PC and Chrome on PC  even move them to GPUs. The cons is that CSS transitions do not work on older browsers (IE 7 & 8) and that they do not offer much controls (e.g., can’t really stop them and no curve path).
  7. Understand the benefits and the “Why” of the Web Workers. In short, it’s a way to do multi-threaded work in a single threaded environment. Before HTML5, the only way was with Ajax, and therefore including a server in the picture, now it can just be all local.
  8. Understand the Canvas vs SVG. This one is a tricky one, as there are lot of “social-engineering” baggage behind the technical aspects. On the technical side, SVG is a DOM approach to vector graphic (and consequently retained mode) whereas Canvas is a programmatic and immediate mode approach. The catch is that sometime it seems that Canvas gets a little bit more “love” from the browser vendor developers as SVG always had a love and hate relationship with HTML from its beginning.
  9. DOM Centric MVC. Ok, this is more an opinion than a fact, but given my expertise, HTML5 application developer (not web page developers) needs to have a good understanding of what is MVC, and realize that they do not need “do-it-all” meta frameworks do do MVC in HTML. In fact, with little DOM extension, it is relatively easy do do MVC the DOM way.
  10. onload vs jQuery $(documen).ready: which one trigger first? This is a great low level question to ask to anybody that claim they know jQuery. In short, onload trigger after, and $(documen).ready trigger before and is a normalization brought by jQuery.

View Answer on Quora

JQuery Mobile as Web App?

Answer by Jacob Nelson:

jQuery Mobile is the best available free of cost framework in the market.
using jQuery Mobile you can develop a feature rich user interface.

If you want a simple UI zepto/jqTouch combination can be used.

If you are looking for a commercial solution, Sencha Touch is the best.

View Answer on Quora