Category: jQuery

What’s new in Dreamweaver CS 5.5

Posted in Dreamweaver, jQuery by Gergely Marton http://www.webgurusdesignblog.com/2011/05/whats-new-in-dreamweaver-cs-5-5/

We have been surprised of the new features Adobe gave to the general public, but most of all by the fact that they’ve embraced mobile development and finally realized that web developers can create super awesome apps with their current skills if they have a tool that helps them do just that. This year Dreamweaver [...]

FancyPlayer – jQuery Fancybox and Flowplayer Integration Tutorial

Posted in jQuery, Tutorials by John http://www.webgurusdesignblog.com/2009/08/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 [...]

jQuery Kwicks and CSS Image Sprites Tutorial

Posted in jQuery, Tutorials by John http://www.webgurusdesignblog.com/2009/07/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 [...]

A list of jQuery interface elements and plugins developed by Eyecon

Posted in jQuery by Gergely Marton http://www.webgurusdesignblog.com/2009/05/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 [...]

Create a live-update list effect with jQuery

Posted in jQuery, Tutorials by Gergely Marton http://www.webgurusdesignblog.com/2009/02/creating-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 [...]

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

Posted in Dreamweaver, Freebies, jQuery by Gergely Marton http://www.webgurusdesignblog.com/2009/02/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 [...]

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

Posted in jQuery by Gergely Marton http://www.webgurusdesignblog.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin-by-buildinternetcom/

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 [...]

jQuery Image Preview – New Plugin “imgPreview”

Posted in jQuery, Usability by Gergely Marton http://www.webgurusdesignblog.com/2009/02/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.