Archive For November, 2011

34 articles

Open Source JavaScript Database For Browser: TaffyDB

How you ever noticed how JavaScript object literals look a lot like records? And that if you wrap a group of them up in an array you have something that looks a lot like a database table? TaffyDB is a libary to bring powerful database funtionality to that concept and rapidly improve the way you work with data inside of JavaScript.…

Web-based CSS Button Maker: Button X

Button X is an web-based CSS button maker tool which helps you create awesome CSS3 buttons without Javascript, Flash or even Images. Customize and experiment CSS3 features with an easy to use UI, create your own button and get your CSS code. [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss] [rss]Free Creative Resume Template[/rss] [rss]Open Source Icons[/rss] [rss]Free Minimal…

Create Amazing Animations with JavaScript: Paper.js

Techniques  and methods for rendering animation in web browsers have evolved interestingly from GIF images to Flash and then from JavaScript to HTML Canvas element. The later is, without an iota of doubt, the most effective and futuristic especially in this era of tablets and smart phones that are not powerful enough to render 'bulky' animations at the cost of…

Content Popup (Vector PSD)

Today's freebie is content popup vector PSD. Sometimes it's useful to add a popup to your pages instead showing content in a new window or tab. [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss] [rss]Free Creative Resume Template[/rss] [rss]Open Source Icons[/rss] [rss]Free Minimal Wordpress Theme[/rss]

JavaScript Canvas-based Advanced Animation Toolkit: CAAT

Canvas Advanced Animation Toolkit (CAAT) is a JavaScript canvas based animation scene graph manager. It is able to render using Canvas, WebGL and CSS with the same code base. CAAT in essence is a multi-instance director-based scene graph manager. It is multi-instance in the sense that you can set an undefined number of directors up for each web page. Each director…

Cast Your Vote, Spread The Word and Show Your Love

Almost three years ago, I was sitting with my friends to discuss the idea of a new website to feature and promote free and open source resources for web designers and developers. We came up with this website which currently features more than 1500 open source resources. It has always been very rewarding to see people finding and getting benefit…

Lightweight JavaScript Date Library: Moment.js

Moment.js is a lightweight JavaScript date library for parsing, manipulating, and formatting dates. Instead of modifying the native Date.prototype, Moment.js creates a wrapper for the Dateobject and manipulates dates without changing the Date prototype, and it works in both Node and browsers. [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss] [rss]Free Creative Resume Template[/rss] [rss]Open Source Icons[/rss] [rss]Free Minimal…

JavaScript Widget for Panning/Zooming Panoramic Images: PanoJS3

Ever wanted to display high resolution images in full scale (like panoramic images or scanned documents; without re-sizing or scaling them down?With PanoJS3, it is quite easy to display large images in browsers as well as mobile devices. PanoJS3 is an interactive JavaScript widget that allows you to pan and zoom panoramic image thus displaying full scale images. PanoJS3 also works for multi-touch and gestures-enabled mobile…

CSS Spritemap Generator: Spritemapper

If you are optimizing a website for speed, one of the major changes that I would recommend is combining images into sprites. Not all of them, of course. I usually convert small images that are called very frequently such as images used in navigation menus, images and header, footer or side bar (social media icons, for instance), dividers, link buttons…

Player Framework: Microsoft HTML5 Video Player Framework

One of the major enhancements in HTML5 is seamless support for rich media content such as audio and video. With HTML5, delivering multimedia content over the web and for various browsers and devices is much easier. Microsoft has recently released HTML 5Player Framework that makes is even more easier to consistently deliver multimedia content across multiple platforms: Windows Phone, Silverlight and…