Browsing articles from "April, 2011"
Apr
15

Speakker | The new way of

By Vinod  //  All, HTML, Javascript  //  1 Comment

Crossbrowser Audio solution featuring HTML5

Comes out of the box in two variations and with incredible options of customization: Flexible dimensions, unlimited colors
and two different button sets for light and dark themes. Easy to set up. Just a few lines of Javascript and a quantum CSS.

Apr
14

Maqetta – WYSIWYG visual authoring of HTML5 user interfaces

By Vinod  //  All, Javascript  //  1 Comment

Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads.

Maqetta is available under a commercial-friendly open source license. You can download the source code and install it on your own server, customize the code to fit your needs and/or contribute improvements to the open source project.

Apr
8

Slider Kit – sliding contents with jQuery

By Vinod  //  All, Javascript  //  1 Comment

The purpose of Slider Kit is to gather common slideshow-like jQuery functionalities (such as news sliders, photos galleries/sliders, carousels, tabs menus) into one light and flexible plugin combined with ready-to-use CSS skins.

Features

  • Content slider with modular elements
  • Multiple navigation controls: buttons, mousewheel, image click, keyboard (beta)
  • Vertical/Horizontal navigation clip
  • Vertical/Horizontal panels slide
  • Auto scrolling / Circular scrolling
  • Fading and sliding transitions effects
  • Easing on transitions
  • Slider Kit generates a minimum of inline CSS. The whole skin is CSS-made
  • Light weight: < 8 Ko (minified)

Compatibility

  • Internet Explorer 9: yes
  • Internet Explorer 8: yes
  • Internet Explorer 7: yes
  • Internet Explorer 6: yes
  • Firefox: yes (tested on v3.6.1 & v4)
  • Chrome: yes (tested on v9.0.597.107)
  • Safari: yes (tested on v5.0.2)
  • Opera: yes (tested on v11.01)
Apr
7

jQuery AHM – A Better Way To AJAX

By Vinod  //  All, Javascript  //  1 Comment

Jquery-ahm is a light-weight jquery plugin that reduces ajax requests to one-line.

Features

jquery-ahm is a replacement for $.ajax. With $.ajax, every ajax request needs a callback, resulting in a lot of javascript. $.ahm reduces javascript code by letting the response data define the actual callbacks.

  • Super light-weight: ~1KB minified
  • Reduces ajax requests to one-line (including ajax form validation)
  • No more custom callbacks for every ajax request
  • Lets back-end define post ajax callbacks (applied automagically)
  • Supports all jquery + custom callbacks in back-end code
  • Drop in replacement for $.ajax() (supports all $.ajax options)
Apr
5

Sausage – a jQuery UI widget for contextual pagination

By Vinod  //  All, Javascript  //  1 Comment

Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document. The best way to understand how Sausage works is to view some examples.

Apr
1

Watermark.js – Create image watermarks with HTMLCanvas and Javascript

By Vinod  //  All, HTML, Javascript  //  1 Comment

watermark.js is a js library for creating watermarks on images. Images with a classname of your choice (default “watermark”) will get processed and then apply your watermark. Your watermark doesn’t have to be a .PNG or .GIF with transparency, watermark.js creates transparency even if you defined a .JPG as your watermark picture.