watermark.js : Create Image Watermarks with HTML Canvas and Javascript

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.
watermark.js is open source, feel free to fork on github, contributions are very welcome.

watermark.js : Create Image Watermarks with HTML Canvas and Javascript

The purpose of watermark.js is to protect images, served from your website from copying without a mark. It’s not a real image protection, because if you get the document at the initial state you’ll be able to read the srces but a normal user wont get it 😉 watermark.js is not limited to “image-protection” only, but you could also place a little identifier or a picture of you in your images

Source Website

Tempo : The Tiny JSON Rendering Engine

Tempo is a tiny JSON rendering engine that enables you to craft data templates in pure HTML.

Tempo : The Tiny JSON Rendering Engine

Why use Tempo?

  • Clear separation of concerns: no HTML in your JavaScript files
  • It makes AJAX content easier to work with
  • It’s as friendly as a bunny rabbit (which are quite friendly)

Key Features

  • Works in Safari, Chrome, FireFox, Opera, and Internet Explorer 6+
  • Itty-bitty footprint, lightning-fast rendering!
  • No dependencies – Works with or without jQuery
  • Degrades gracefully if JavaScript is not enabled
  • Supports nested and conditional templates

Source Website

jStat : A JavaScript statistical library

jStat is a statistical library written in JavaScript that allows you to perform advanced statistical operations without the need of a dedicated statistical language.

jStat : A JavaScript statistical library

Stat dependencies:

The majority of jStat functions can be used independently of any other libraries. However, the plotting functionality of jStat is based on thejQuery plugin – flot. Therefore, to generate plots using jStat the following dependencies are required:

jStat only uses elements that adhere to the jQuery UI ThemeRoller styles so any jQuery UI theme can be used.

Source Website

Selectivizr : CSS3 selectors for IE

Selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.

Selectivizr adds support for 19 CSS3 pseudo-classes, 2 pseudo-elements and every attribute selector to older versions of IE. It can also fix a few of the browsers native selector implementations.

Selectivizr : CSS3 selectors for IE

Selectivizr works automatically so you don’t need any JavaScript knowledge to use it — you won’t even have to modify your style sheets. Just start writing CSS3 selectors and they will work in IE.

Selectivizr requires a JavaScript library to work. If your website already uses one of the 7 supported libraries you just need to add the selectivizr script to your pages. If not, you will need to pick a library too.

Source Website

JavaScript Modal Windows – TinyBox2

This TinyBox modal box script brings a ton of new features and still clocks in under 5KB. The script now supports iframes and images natively. You can POST with Ajax. Clicking ESC will close the window. Callback functions can be passed for load and close events. You can set CSS IDs to override the default styling. CSS position can be toggled between fixed and absolute. The mask opacity can be sent. You have full control over window location. And of course there is now a close button out of the box you can toggle.

The script is now executed by passing an object due to the large number of options. There is nothing to initialize, just call the function on whatever mouse or browser event you like.

JavaScript Modal Windows – TinyBox2

This script is tested in IE7+, FF, Chrome, Opera, and Safari and is available free of charge for both personal or commercial projects under the creative commons license.

Source Website

Compact News Previewer with jQuery

Codrops shared a news previewer that let’s you show your latest articles or news in a compact way. The news previewer will show some list of articles on the left side and the preview of the article with a longer description on the right. Once a news on the left is clicked, the preview will slide in.

Compact News Previewer with jQuery

View Demo Source Website