Use Webcam to Create Animated GIF

Some time ago I saw some online animated gif creator and thought it could be done in JS instead of Flash. We could easily access webcam from browser with the getUserMedia API. Nice tutorial about this API can be found on HTML5Rocks site.

gifeeno_workshop

So, getting image in real time from camera is easy with getUserMedia, but creating animated gif on client side was trickier part. Luckily, someone already made JS lib for that, and jsgif is great solution with really good documentation. All I had to do is to combine getUserMedia API with jsgif lib and I could create animated gifs with my face.

Continue reading “Use Webcam to Create Animated GIF”

Just Random Color

Some time ago I was working on app where for each category we had to assign random color in case that user didn’t choose one. A few day ago I needed to generate random color again. Instead of copy/paste code from one place to another much better is to create re-usable module. Also, this might not be unusual request and potentially could be useful to others.

just-randomcolor2

just.RandomColor is Javascript random color generator in one of hex, RGB, RGBA formats and it can return object with color data or CSS string. It can be used on both, client and server side.

Continue reading “Just Random Color”

JUST – JavaScript Useful Stuff

I like experiment with data visualization on client side. For that purpose, of course, I need some data for development phase. Since that development phase means that something constantly change, I had to find a way to make my life easier. That’s why I wrote a group of JavaScript range functions which helps me to create array of different types and formats of data really fast.

just_v1

I just had to put them in some namespace, so “just” was good enough. Coincidentally, JUST can be acronym for JavaScript Useful Stuff, so I’ll probably use it more in the future. I’m still looking word for T, so any suggestion is welcome.

Continue reading “JUST – JavaScript Useful Stuff”

jQuery Snow Falling plugin

I like winter because of holidays and snow. Not big fan of going to shopping and buying New Year gifts and presents, but I am fan of snow and snowboarding. That’s why I enjoy watching how snow falling even if that’s only on my monitor.

jquery-snow

Idea is to create one snowflake initially, clone that snowflake at some time interval and add random values for properties for each of them. And it’s done in less than 1kb minifed.
Continue reading “jQuery Snow Falling plugin”

Gradienter: Add gradient to elements

Last night I started to work on WordPress theme for blog and I got an idea that every post should have their own background color and that maybe those colors can be in gradient. Since that that’s very boring to do manually, I’ve decide to write jQuery plugin which will do that job.

gradienter

Gradienter is easy to use, and with small effort you can have really interesting color effect on your page. Continue reading “Gradienter: Add gradient to elements”

Coin Slider: Image Slider with Unique Effects

After jqFancyTransitions I decided to release new jQuery image slider plugin with more unique transitions effects. I have ideas for new effects and after I didn’t find that somebody already implement that I create Coin Slider.

coin-slider

Thanks to you and your comments Coin Slider have lot of features that jqFancyTransitions didn’t have at the beginning.  Basically it’s a latest (and improved) version of jqFancyTransitions but with new ‘fancy’ transitions effects.

Continue reading “Coin Slider: Image Slider with Unique Effects”

mooBarGraph: AJAX graph for MooTools

mooBarGraph is AJAX graph plugin for MooTools which support two types of graphs, simple bar and stacked bar graph. This plugin made graph from your JSON data and is compatible with all major browsers including IE6.

moobargraph

This is jqBarGraph on steroids. It have almost all jqBarGraph possibility, plus some new features, like url bars, info boxes, negative values, AJAX data loading… Continue reading “mooBarGraph: AJAX graph for MooTools”

Google Buzz ER: Google Buzz for WordPress

Yesterday Google announced new service, Google Buzz, a new way to share updates, photos, videos and more, and start conversations about the things you find interesting. Today you can have Google Buzz posts on your WordPress site.

google-buzz-er

Google Buzz Er is WordPress plugin for showing public Google Buzz posts for selected Google account. All you have to do is to set Google account username and optionally number of posts. From 1.2 version Google Buzz Er have sidebar widget. Continue reading “Google Buzz ER: Google Buzz for WordPress”

Twitter Flock for WordPress: multiple accounts tweets with style

Twitter Flock is WordPress plugin for showing multiple accounts tweets with different color scheme for every account. Also, there are setting allowing you to control how your tweets will look like and will they cache or not.

Twitter-Flock

One of the things that make this plugin different form other are tabs above Twitter Flock box. This tab shows accounts avatars so visitors can click on them and see only tweets from that account. From 1.1 version Twitter Flock have sidebar widget. Continue reading “Twitter Flock for WordPress: multiple accounts tweets with style”

jqIsoText: jQuery Text Effect Plugin

Some content on our pages are more important than other and we want to made him eye catching. There are lot of techniques to achieve that.  One of them is jqIsoText.

jqisotext

With this plugin we’re changing size of letters in text. It starts from one font size and increment or decrement to other font size. On that way we’re getting something similar to isometric projection. That can be done for whole block of text or for every word in some text. Continue reading “jqIsoText: jQuery Text Effect Plugin”

Fancy Transitions Featured Gallery for WordPress

ftFeatured is WordPress plugin for creating image gallery with fancy transition effects of featured posts. You can choose between three types of transition effects: curtain, wave and zipper. Also, you can set width, height, delay time, number of posts etc.

This WordPress plugin is based on jQuery jqFancyTransitions plugin and is very easy to use. After you activate this plugin and set custom field for image, all you have to do is to paste one line of code in your template on place where you want your ftFeatured gallery. Continue reading “Fancy Transitions Featured Gallery for WordPress”

Image gallery with fancy transitions effects

I was looking all over the Internet for some jQuery gallery plugin with some interesting transition effects. I found a lot of great plugins but they all have pretty same transition effects. Mostly that was fading and sliding effects. I wanted something different so I decide to made my own slideshow gallery plugin for jQuery. That’s how was born jqFancyTransitions.

jqFancyTransitions2

My main idea was to build some ‘strip curtain’ effect and I start from that. But, while I was building this some other effects just pop up and I decided to adjust code and include some of those effects. Now, there are ‘wave’, ‘zipper’ and ‘curtain’ effect, plus options that can be used for custom effect. You can see how it works on examples and documentations page. Continue reading “Image gallery with fancy transitions effects”

jqBarGraph – jQuery graph plugin

jqBarGraph is jQuery plugin that gives you freedom to easily display your data as graphs. There are three types of graphs: simple, multi and stacked. All you have to do is to pass your data to this plugin. This plugin is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

jQuery Bar Graph

Of course, there are a lot of settings to tune appearance of your graph, as are animation, color scheme, dimensions etc. Also, you can additionally change look and feel of graph via CSS. Continue reading “jqBarGraph – jQuery graph plugin”