Eclipse install software timeout fix

If for any download you get a timeout. Add the following line to the eclipse.ini file (just after the vmargs line):

-Dorg.eclipse.ecf.provider.filetransfer.retrieve.readTimeout=60000

Useful JS libraries

A javascript library for multi-touch gestures.
http://eightmedia.github.io/hammer.js

Simple, lightweight parallax engine that reacts to the orientation of a smart device
http://wagerfield.github.io/parallax/
Github: https://github.com/wagerfield/parallax

write browser JavaScript programs using modules from NPM
http://requirebin.com/
Github: https://github.com/maxogden/requirebin

6 JavaScript Date Libraries for Developers
http://codegeekz.com/6-javascript-date-libraries-for-developers/

Make a use of your favicon with badges, images or videos (animating favicon)
http://lab.ejci.net/favico.js/

Semantic CSS With Intelligent Selectors

http://coding.smashingmagazine.com/2013/08/20/semantic-css-with-intelligent-selectors/

Attribute selectors

[rel="prev"] {
  /* styling for "previous links" */
}

[rel="next"] {
  /* styling for "next" links */
}

Attribute selectors with simple Regex

a[href^="https:"] {
   /* style properties exclusive to secure pages */
}


[href$=".zip"]:before,
[href$=".gz"]:before {
   content: '\E004'; /* unicode for the zip folder icon */
}

An example of efficient CSS selectors with semantic HTML

/* BAD - The CSS for the class approach */

.new-window-icon:after {
   content: '[new window icon]';
}

.twitter-icon:before {
  content: '[twitter icon]';
}


/* GOOD - The CSS for the attribute selector approach */

[target="_blank"]:after {
   content: '[new window icon]';
}

[href*="twitter.com/"]:before {
  content: '[twitter icon]';
}

Specific selector using attribute

a {
  color: blue;
  text-decoration: underline;
}

a[rel="external"]:after {
   content: '[icon for external links]';
}

Rules for hyperlinks and buttons

• Rule 1: “If it’s a hyperlink, it should have an href attribute.”
• Rules 2: “If it’s a hyperlink and has an href attribute, it should have a valid value.”
• Rules 3: “If it uses a button class, it should be a button — at least in the accessibility layer.”
• Rules 4: “If it is an a element with role="button", then it should link to somewhere when JavaScript is off.”
• Rules 5: “You can’t disable a hyperlink.”
• Rules 6: “Buttons in forms should have explicit types.”
• Rules 7:  “Both hyperlinks and buttons should have some sort of content or an ARIA label.”

Web Assets - Tips for Better Organization and Performance

Basic optimizations and best practices for web development:

http://net.tutsplus.com/articles/web-assets-tips-for-better-organization-and-performance/

HTML5 Please

http://html5please.com/

Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.

Animation with CSS

Animate.css - examples:
http://daneden.me/animate/

Client-Side Storage

http://tech.pro/blog/1486/client-side-storage-options

• Web (Local & Session) Storage (current with limitations)
  For Local Storage usage example, you can see my post regarding HTML5 Contenteditable and KendoUI.
• Indexed DB - e.g. idb.filesystem.js (near future)
• File System - client (future!)
• Web SQL (deprecated)

Potentially can develop a web-based app (supports mobile & desktop) without the need of an actual native mobile app.