WebGurus Design Blog | Web Design, Web Apps, Inspiration and resources.

FancyPlayer Revisited – jQuery Fancybox and Flowplayer Complete Integration

I have recently decided to revisit the FancyPlayer code and after receiving feedback on the blog from our visitors, here’s the new more comprehensive integration of FancyBox and FlowPlayer.

Click here to see the demo for the updated version »

People were asking for full Fancybox support, basically the gallery function using the “rel” attribute and the [...]

FancyPlayer – jQuery Fancybox and Flowplayer Integration Tutorial

Please be advised this tutorial has been updated in a new post with better integration of Fancybox and Flowplayer based on visitor feedback.

Click here to see the updated tutorial »

I have used these two javascript plugins in a recent small project for a client who is selling a bar and wanted a photo and video [...]

jQuery Kwicks and CSS Image Sprites Tutorial

This is a catchy jQuery powered effect I have used in a couple of projects lately, so I thought of sharing it with you.
It uses the Kwicks for jQuery plugin from Jeremy Martin to which I’ve added a twist using CSS image sprites. This way the whole thing uses only one image. Extra effects can [...]

Sleek Admin – a clean admin skin for your backend

Hey there folks!
I’m happy to announce that we are proud exclusive authors for ThemeForest.net! We had our first 3 sales today on our first site template we’ve created for this marketplace. Theme is called Sleek Admin – Clean CSS Admin Skin. You can read about it’s features below and you can go and buy it [...]

A list of jQuery interface elements and plugins developed by Eyecon

Hello folks! First of all, sorry for the delayed writing on our blog, but we had a few re-inventing to do over here at WebGurus, and that ate up all our time.
I’m using  jQuery for 2 years now and I search for addons and plugins for it every day. Most of my searches are targeted [...]

Create a live-update list effect with jQuery

I wrote this little tutorial because yesterday I’ve searched the web for 2 hours to find something similar, but nothing came up.
We were required to create a “live update” effect for a list in which new list items were added almost every 5 seconds.
The web page, where all this needed to function, is an auction [...]

5 jQuery UI Dreamweaver extensions you can use to simplify your everyday work

I believe most of the web developers and web designers use Adobe products to accomplish their work so I wrote a list for those who like and use jQuery UI as their interface framework to help them do their job in a more simple way than ever before.
The simplicity of using dreamweaver extensions is that [...]

Yetii – the extremely lightweight alternative to jQuery Tabs

Yetii stands for Yet (E)Another JavaScript Tab Interface Implementation. It is only 3.9 kb in compressed mode and the beauty of it is that it renders great even on browsers without JavaScript support. It’s fully customizable and framework independent. I mostly use  it for widget development because keeping widgets as light as possible but giving [...]

Supersized – Full Screen Background/Slideshow jQuery Plugin by buildinternet.com

I found this jQuery plugin while searching for a non-flash background image slideshow for a project. Well it did the trick!
Supersized is a jQuery plugin that automatically sizes (background) images to the size of the browser and runs them as a slideshow. It is lightweight and plays nice with all browsers.
Features include image resizing to [...]

jQuery Image Preview – New Plugin “imgPreview”

The ‘imgPreview’ plugin allows your users to preview an image before clicking on it and, out of necessity, will preload the image so when a user does click through to it there is no waiting time!

The image preview shows up in a tooltip-like box appearing alongside the user’s cursor when hovering over a link. The plugin is entirely unobtrusive; it does not require any hooks to target specific links (no non-semantic classes); it will automatically detect the anchors that are linking to images and will only apply the preview effect to them.