DateBox is a multi-mode date and time picker plugin for jQuery Mobile. It offers multiple data entry modes:

• Android style date picker
• Calendar style date picker
• Slide style date picker
• Flip Wheel style date or time picker
• 12 and 24 hour time picker
• Duration time picker

It comes with 4 different display modes, supports data-limiting of input and can be fully localized.

Sequel to our guidelines for designing accessible website and web applications, we are sharing usability guidelines for web designers and developers.

Before we actually dig into details, let establish a common understating of what usability is. Usability is mostly defined as ‘ease of use’, but this is over-simplification of the art and science of Usability. In a broader sense, usability is “effectiveness, efficiency and satisfaction with which a specified set of users can achieve a specified set of tasks in a particular environment.” – ISO 9241 Standard

Usability is ultimately concerned with the following factors:

Read the rest of this entry »

An image with a transparent background is like a painting on a window: you can see all sorts of exciting things behind it, but you can’t reach through to touch them. αlphaPun.ch changes that!

αlphaPun.ch is a JavaScript tool to create masks for transparent images. It will trace the opaque part of your PNG or GIF image, then will punch through the alpha channel (i.e. the transparent bit), so you can click on things behind it.

List.JS is a 7 KB cross-browser native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable.

With List.JS, you can have functionality to add, edit and remove items by dead simple templating.

Joyride is a jQuery plugin to create jQuery Feature Tours in a Breeze. Setting up Joyride is simple, just attach the needed files, drop in your markup and choose your settings.

Joyride is extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images.

I know it would be rhetoric and needless to mention how HTML 5 is impacting, in fact, revolutionizing the art and science of web development. However, I would still take the liberty to say that HTML 5 is becoming de facto choice of web developers for designing efficient, simple and rich web applications. It is super simple to code, and offers native support for audio, video and animations, and amazingly powerful to support.

If you have not tried your hands at HTML5, try Facebook HTML5 Resource Center. It  provides a good collection of tools and resources for beginners as well as expert HTML5 developers.

It also provides a basic platform to build, test, and deploy your web applications. With animation, offline capabilities, audio and more, HTML5 yields a new class of web standards enabling developers to build amazing products.

For designers and developers working in rapid development environment, there is no alternative to a robust and flexible development framework – just like Foundation.

Foundation is a complete development framework for developing quick prototypes on a very responsive, 12-column grid layout system. Since it is based on a completely grid-based system, the framework allows you to develop web application for almost every type of device. The framework also includes sleek and modern UI elements that ultimately allow you to convert click-able prototypes into polished and read-to-deliver web application in almost no time.

‘Socio-cyber ecosystem’ – the term might sound a bit weird but the way social media has penetrated the Internet, it might not be wrong that everything on the web (websites, blogs, forums, web application, etc.) now breath is a socio-cyber ecosystem. Surviving outside this ecosystem is perhaps not possible anymore. Whether you are a professional blogger, a website owner, online marketer (or whatever), you have to have strong presence on social networks – this is where the ‘things’ actually happen today.

Today’s feature product, Share Count JS, is a simple JavaScript that allows you to measure your popularity across all major social networks. Share Count allows you to measure total recommendations, likes and mentions and display them on a simple and sleek button. It, not only allows website visitors to view your your total popularity combined across facebook, Digg, twitter and del.icio.us., but also allows them to share and recommend your content in a single click.

Social Counter is simple to install and customize. Try it today!

Speed for search result filtering is critical. Its fine for site users to wait for some time (maybe a few seconds) to load the search results but after that filtering better be fast otherwise people lose interest.

Filter.js is a JavaScript library for client-side search filtering. It offers client-side JSON objects filter to show/hide html elements. Multiple filter criteria can be specified and used in conjunction with each other.

Some key features are:

• Category and sub-category based filtering
• Slider based filtering
• Trigger on any HTML element.
• Date filtering (in process)

Did you know you run your web applications on the same systems that power Google applications? Yes, you can; all you have to do is get hold of Google App Engine and start building your product on top of it. Google App Engine allows you to develop web applications faster and deploy them on Google’s infrastructure with no need to worry about hardware, patches or backups, or system’s stability.

Before you start developing your application for Google App Engine, we recommend that you get hold of ApeJS. It is a tiny JavaScript web framework targeted for Google App Engine. The idea behind ApeJS is to provide a tiny framework for prototyping  websites on Google App Engine using the simplest possible JavaScript.

Unlike other frameworks for Google App Engine, ApeJS is simple and lightweight; does not require you to load tons of libraries.