20
Mar
// php the_time('Y') ?>
HTML Canvas Library is a lightweight and standalone JavaScript wrapper for the native canvas element to simplify creating animations and visualizations.
It has easy-to-use and consistent methods that are capable of handling tasks like:
- animations with framerate control
- cross-browser keyboard, mouse and multitouch event capture
- layers support for high-performance animations
- nine-point quick aligning support
- simple rotations
- built-in image loading
The library is documented well and there are lots of examples provided (including interfacing the Box2D-JS physics library).

Requirements: No Requirements
Compatibility: All Modern Browsers
20
Mar
// php the_time('Y') ?>
jQuery File Upload is an impressive plugin for creating a flexible and user-friendly upload functionality with ease.
The plugin support multiple file selection and drag 'n' drops. It can display a preview of images to be uploaded and progress bars exist to inform users.

jQuery File Upload can handle cross-domain, chunked and resumable file uploads. File types and max-min sizes can be restricted with simple functions and it can work with any server-side language.
There are callbacks on every level and a detailed documentation that covers many different scenarios exists.
Requirements: jQuery
Compatibility: All Major Browsers
19
Mar
// php the_time('Y') ?>
Smoke.js is a tiny JavaScript library that works as a replacement for the default alert function and offers more user-friendly notifications.
It works by simply adding "smoke." in front of the native alert, confirm and prompt functions but they are now displayed inline.
Notifications can be themed with CSS, they use CSS3 animations + backgrounds (no images are used). It is even possible to customize each alert by specifying styles inside the functions.
And, it doesn't require any JavaScript frameworks which is great for simple projects.

Requirements: No Requirements
Compatibility: All Major Browsers
18
Mar
// php the_time('Y') ?>
Few days ago, String.js (a library for enhancing JavaScript's string functions) was shared.
XDate is another library similar to String.js but for parsing, formatting and manipulating dates.

The library is standalone, only 2.9kb gzipped, has chaining support and brings very handy methods like:
- getting date values
- adding-subtracting dates
- calculating differences
- getting outputs in multiple formats
It also has a wide set of methods for working with UTC values.
Requirements: No Requirements
16
Mar
// php the_time('Y') ?>
As almost every browser has their own CSS prefixes (-webkit-, -moz- or -o-) for some properties, we usually need to add all of them to our stylesheets.
This is not only time-consuming, but also hard to maintain, increases the sizes of CSS files (that can end up in slower loading times and higher bandwidth usage).

cssFx is a JavaScript file (weights 2.5kb) that creates vendor-specific CSS3 properties required for old and new browsers on the client-side.
It has support for most of the CSS3 properties and works with the majority of browsers (including IE6).
Requirements: No Requirements
Compatibility: All Major Browsers
15
Mar
// php the_time('Y') ?>
It is surprising to experience that JavaScript lacks of functions which are regularly required in most scenarios.
Think of "looping a string", "if a variable includes given characters" or "capitalizing letters".
Unless you use a JavaScript framework, these will require having custom functions (JS frameworks lack some of such functions as well which makes sense to keep libraries small).

String.js is a JavaScript library that brings such extra string functions with a tiny footprint (<2kb gzipped).
It is standalone and has a jQuery-like syntax with chaining support.
There are 25+ functions where each of them can find a use in any JavaScript-heavy projects. Simply, a must-bookmark.
Requirements: No Requirements
14
Mar
// php the_time('Y') ?>
jTable is a jQuery plugin for creating Ajaxed and feature-rich CRUD interfaces with little effort.
The plugin generates all the HTML required and uses jQuery UI for "add new/edit record" dialogs.
Records can be browsed with Ajaxed pagination and they can be sorted (server-side) as well.

jTable can be set to display sub-tables for a given record which is handy for listing any sub-details.
The interface is completely themable via CSS (there are already several themes) and the resource is very well-documented.
P.S. There are samples provided on using jTable with PHP and ASP.NET
Requirements: jQuery
Compatibility: All Major Browsers
12
Mar
// php the_time('Y') ?>
ASP.NET developers were already able to use jQuery UI in their projects but it gets much simple with Juice UI.
Juice UI is a set of ASP.NET controls and extenders for the whole widgets of jQuery UI.
It is integrated into projects pretty easily; by downloading the NuGet Package and installing it with Visual Studio.

Juice UI is also a great alternative to the widely-used Ajax Control Toolkit and it requires .NET 4.0+.
Each control is very well-documented, has examples and provides links to the original jQuery UI widgets for further info.
Requirements: .NET 4.0+
12
Mar
// php the_time('Y') ?>
Favicons are great for helping readers to easily identify a website from a set of open browser tabs.
Tinycon is a JavaScript library that helps us offer more information using favicons by adding alert bubbles over the default image and updating it.

It uses HTML5 canvas to accomplish that and, for the browsers that don't support canvas or dynamic favicons, the feature falls back gracefully.
Tinycon is very useful for web pages with auto-refreshing data to display the latest value (un-read e-mails, new orders, support tickets, etc.) to the user without the need for that browser page being open.
Compatibility: All Modern Browsers
6
Mar
// php the_time('Y') ?>
For websites with many design elements and content, in order to help users to focus on the content, applying an opacity on images and removing when hovered is usually a good idea.
Adipoli is a jQuery plugin that beautifies and simplifies creating and consuming such hover effects.
With a simple function, we can choose the "start effect (normal, transparent or overlay)" and the images will become less catch until they are hovered.

There are 20+ built-in and attractive transition effects that will display the images "as is" when users hover them.
Also, multiple configuration options exists for further customizing the transitions.
Requirements: jQuery
Compatibility: All Major Browsers
Thank you! Please check your inbox to confirm your subscription.
Loading...
Get WebResourcesDepot WeeklyA Weekly Newsletter For Web Designers And Developers