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

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

10 best modal boxes for web design projects

I have noticed that every time we, the web developers, need a modal window, alert box or a full-size image preview for one of your projects it drives you crazy until you find one that suits your requirements. You have a bunch of modals to choose from, but either it can be customized or it [...]

Mootools Slider With Range Indicator (two knobs)

I had been looking for a double pinned slider for one of my projects. My requirements were simple: I had to implement a slider with range marker.  I searched for hours and hours, and I did find some nice sliders on mootools forums but it wasn’t what I wanted. I finally changed my search keyword [...]

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.

SitePoint CSS, HTML & JavaScript Online References

The SitePoint online CSS and HTML references have been available for some time now, and have already become a valued source of free information for web designers and developers around the world. Recently, Sitepoint has announced a shiny new look to the SitePoint Reference Site and the highly anticipated first release of JavaScript Reference Information.

The look and feel of the old reference site has been completely replaced with a brand new slick, easy-to read design, including interactive examples, improved navigation, page layout and much more…