Okay, you’ll really have to look into it yourself in order to fully understand the boundless functionality of this framework. The crux of it being that you can write all of your code, client, server and data access layer all into a single module, and the opa framework will do the rest.
It’s Non-blocking, supports type-checking (see also TypeScript), includes jQuery, supports NodeJS/MongoDB/CouchDB on the server with Database Automation objects, supports MVC design patterns, and is basically awesome.
It’s going to be a commitment to start using it, but if it’s right for you it could well be worth the time getting to know it.
Write simultaneously the frontend and backend code, in the same language, within the same module. Even better: the Opa Slicer automates the calls between client and server. No more manually written AJAX calls or value serialization!
And when auto is not enough, add hints to the code to enforce client or server-side, privacy, synchronous or asynchronous.
Mobile development with HTML5
Take a look at these three articles on mobile development with HTML5, then checkout some of the frameworks and plugins below for a plethora of resources!
Blogs and examples
How I built the Hacker News mobile web app:
IBM: Create offline web applications on mobile devices with HTML5:
MSDN: Using HTML5 to create mobile experiences:
Frameworks and resources
jQuery Mobile - Touch-Optimized Web Framework for Smartphones & Tablets:
jQTouch - A Zepto/jQuery plugin for mobile web development on the iPhone,
Android, iPod Touch, and other forward-thinking devices.
Skeleton - A Beautiful Boilerplate for Responsive, Mobile-Friendly Development:
PhoneGap - the only open source mobile framework that supports 7 platforms:
FitVid.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
Developer Cheat Sheets
Web Development Cheat Sheets
HTML cheat sheet:
CSS cheat sheet:
PHP cheat sheet:
Ruby on Rails cheat sheet:
MySQL cheat sheet:
Regular Expressions cheat sheet:
Search Engine Optimisation (SEO) cheat sheet:
jQuery cheat sheet:
jQueryUI Icon Reference cheat sheet:
MooTools cheat sheet:
Prototype cheat sheet:
Scriptaculous cheat sheet:
extJs cheat sheet:
YUI cheat sheet:
Wordpress Help Sheet
Backbone’s only hard dependency is Underscore.js.
By encapsulating data and behavior into a view model, you get a clean, extensible foundation on which to build sophisticated UIs without getting lost in a tangle of event handlers and manual DOM updates.
PhotoSwipe = Image Gallery for mobile and touch devices
Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth
Popeye generates an inline image gallery from an unordered list of images. The gallery features clever inline image enlargement, i.e. the enlarged image stretches out over the site content without adding a visual overlay of the whole site. It stays fixed with one edge to its original coordinates, so that a sense of cohesiveness is created in the user interface and interaction.
flickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr.
GalleryView is a content-gallery plugin capable of displaying any HTML content in an animated gallery view.
This is an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform some panoramic views into a virtual tour!
License: Free for Open-source / Paid commercial
License and Pricing: http://www.highcharts.com/license
License and Pricing: https://www.zingchart.com/store/buy.php
- More than a Dozen Chart Types
- Handles Massive Data Sets (10,000 points and more)
- Fly thru Chart Data with Zooming, Scrolling, and Filtering
- Build Interactive and Drillable Graphs
- Live Data Feed Support to Update Charts in Realtime
- Flash (AS3) Charts
- HTML5 Canvas Charts
- Update Graphs with Ajax
- And more…
License: Free / open-source
jqPlot is an open source project by Chris Leonello.
jqPilot supports Log-scale-axis, drag and drop of data points with update events adn automatically computer trend lines.
gChart (Google Charts API for JQuery)
License: Free / Open-source
- Complete coverage of the Google Chart API;
- Show your data on line, X-Y, bar, pie, radar, or scatter charts;
- Control legend appearance, chart background, and title;
- Control axis placement, content, and appearance;
- Control line appearance and fills;
- Add markers or dynamic icons to your chart;
- Display maps with country or US state data;
- Show a Google meter or a Venn diagram;
- Generate QR codes or mathematical formulae;
License and Pricing: http://www.jscharts.com/buy (Free for non-commercial)
A charting example using PHP, jQuery and Flot
Create an XML source to describe a chart, then pass it to this tool’s flash file to generate the chart. The XML source can be prepared manually, or generated dynamically using any scripting language (PHP, ASP, CFML, Perl, etc.)
jQuery mobile framework takes the “write less, do more” mantra to the next level: Instead of writing unique apps for each mobile device or OS, the jQuery mobile framework will allow you to design a single highly branded and customized web application that will work on all popular smartphone and tablet platforms.