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

Celebrate

A young monk arrives at the monastery. He is assigned to helping the other monks in copying the old canons and laws of the church by hand. He notices, however, that all of the monks are copying from copies, not from the original manuscript.

So, the new monk goes to the head abbot to question this, pointing out that if someone made even a small error in the first copy, it would never be picked up. In fact, that error would be continued in all of the subsequent copies. Continue reading “Celebrate”

Simple but useful websites for browser

I was simply searching on google. Accidentally, I found few Simple but useful websites, which is listed below.

What Browser?

http://whatbrowser.org/

This website simply detect, which browser you are using and it version. Also notifies you about the newer version of the browser, if available and a download link will be provided.

This website also explains, what is a browser. Continue reading “Simple but useful websites for browser”

Emotional Intelligence Chronicles: Once upon a TIME…

emotional intelligenceOnce upon a time there was a farmer who was looking for a good farm manager. The 1st applicant came and presented his impressive credentials. Right away the farmer asked what he would do if there happened to be a pebble in his shoe. The 1st applicant said he wouldn’t bother with it and just get on with the job then proceeded to impress the farmer with his extensive knowledge of hydroponics.
Continue reading “Emotional Intelligence Chronicles: Once upon a TIME…”