JavaScriptMVC is an open-source framework containing the best ideas in jQuery development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.

It is for those people who care about things like test driven development, performance, code quality, structure and maintainability.

Built on top of jQuery, it consists of the following standalone components:

• StealJS – Dependency management and a stupidly easy build tool.
• FuncUnit – There’s no better functional testing solution available. Write tests in jQuery syntax, run them via command line or browser.
• jQueryMX – These plugins are the building blocks of large jQuery applications: model, view, controller, class, fixtures, and more.
• DocumentJS – A JSDoc compliant tool that turns comments into a searchable documentation app.

If you are planning on a data intensive product and want to avoid headache when the product would be transacting trillions of bytes, this is the right time to consider Apache Hadoop and make sure that you product would be built on a very flexible and clustered platform.

Apache Hadoop Common is an open source framework for running applications on large cluster built of commodity hardware. It provides applications both reliability and data motion by implementing a computational paradigm. Inspired by Google’s MapReduce and Google File System (GFS), Hadoop is contributed and used by global community of developers using Java language. Yahoo!, being the largest contributor and consumer, is using Hadoop extensively. Other major users are Amazon.com, IBM, Twitter, Stumbleupon, Ning, eBay, AOL, Apple and Image Shack.

Today we are featuring a simple CSS3 based circular navigation menu by Stu Nicholls that you can use on your website or web application to provide a creative navigation menu. This lightweight CSS3 animated circular menu uses CSS3 Transforms and Transitions methods to produce animated circular icon menu with circular sub menus.

By hovering over an icon, it animate into six icons in a circular pattern. Then hover any of these icons to see a sub set of six icons animate into a circular attern around each icon.

When optimizing websites and web applications for performance, one of the top thing you should do is shifting the load of data processing from server side to the client end.

There are a number of simple ways to achieve it, for example, you can do it with simple JavaScript just as Backbone.js and Spine are doing it. Not only do they provide a lot of great features, but they are also compact (3.9kb and 2K respectively when compressed). Installation (including the hosting system) is just a matter of copying the Javascript sources. So there is no need to install any server-side scripting software whatsoever.

To get started, try csonV.js and see how this tiny JavaScript can fetch relational CSV data at client-side just like JSON for performance optimization.

Polyfill is a nifty script for HTML5 progress element to display progress bar in websites or web applications. Built on simple CSS and JavaScript, Polyfill renders gracefully in Firefox 6+, Opera 11+, Chrome, and Safari 5.1 to provide a complete progress bar functionality without requiring you to code a single line.

• Accessible (WAI-ARIA-enabled)
• Supports getting all the IDL attributes defined in the specification (value, max, position, labels)
• No extra HTML elements needed and none added through script

DropKick.js is a jQuery plugin for creating beautiful, graceful, and painless custom dropdown menus.

DropKick works by transforming your existing, boring select lists into beautiful, customizable HTML dropdowns. The name attribute is the only one that is required. DropKick was made to be easily theme-able and supports dynamic theme changing.

Wakanda is an open source platform for building web based rich business applications with nothing but JavaScript. With end-to-end JavaScript implementable, Wakanda allows you to  develop and deploy professional Web applications in a unified environment using JavaScript, HTML5 and CSS3. You can use Wakanda to develop and deploy applications for all types of interfaces including web, mobile and tablets.

Wakanda has three distinct parts:

Wakanda Server – At the heart of Wakanda runs this faceless server providing a super-rapid datastore, an HTTP server and a home for all of your application’s business logic.

Wakanda Studio – Design your datastore classes. Create your business logic. Draw up your GUI. All visually.

Wakanda Framework – This is what makes Wakanda applications work across so many browsers and mobile devices – the framework that provides the widgets and the transactional layer with the server.

As web designer or developer, sometimes, you just want to get away with nitpicking with the design and concentrate on your code. Pre-designed and finished PSD templates come like a blessing in this situation. Today, we are sharing 30+ neatly finished Photoshop templates with layered PSD source files that you can use to instantly finish the design part and start working on your code.

Clean Layered PSD Widget Design

Delight PSD Icons

Read the rest of this entry »

Morf.js is a Javascript work-around for hardware accelerated CSS3 transitions with custom easing functions. This CSS3 transition utility lets you define your own easing formulas and it uses Shifty to calculate keyframe states.

What Morf.js actually does is create a CSS3 animation on the fly for the requested transition. In other words at the time that Morf.transition is called, all the necessary keyframes are generated to give the impression that a transition has taken place.

Socketbug is a Remote Debugging Utility built using Socket.IO. You can use modern browsers (both mobile and desktop) to work together to allow you to remotely debug you mobile web applications.

Socket.IO is the main backend for communication and it automatically determines what communication transport to use and enables your mobile application to send/receive messages from other connected devices.

To use Socketbug you will need to install our server code in a central location that will be accessible by all devices that will be sending or receiving data. This can be anything from your laptop/desktop, or a remote server.

There are no cross domain issues to worry about so you do not have to have Socketbug installed on the same machine that your mobile application is installed on.