Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘MIT License’ Category

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).

HTML Canvas Library

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

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.

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.

Smoke.js

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.

XDate

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.

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

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).

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

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.

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

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

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

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.

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.

Tinycon

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.

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.

Adipoli- jQuery Hover Effect Plugin

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.

  • Tags:
  • Filed under: Effects, Goodies, MIT License
  • 0 Comments
  • Uptime Robot
    Loading...
    Get WebResourcesDepot Weekly
    A Weekly Newsletter For Web Designers And Developers
    feed-holder
    FeedBurner
    • file uploading, video/audio/image encoding, s3 storage and much more
    • PSD to HTML
    • PSD to HTML
      aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter