Category: Tutorials

FancyPlayer Revisited – jQuery Fancybox and Flowplayer Complete Integration

Posted in Tutorials by john | Tags: , , http://www.webgurusdesignblog.com/2009/11/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 [...]

The SEO series: HTML Header – SEO & usability

Posted in Tutorials, Usability by Gergely Marton | Tags: , , , http://www.webgurusdesignblog.com/2009/10/the-seo-series-html-header-seo-usability/

This article is the first from our “SEO series” we intend to write this week. The articles from this category will cover SEO tips from our good friend Claudiu Murariu and helpful information about today’s analytics and optimization tools available on the web.
The elements in a site’s header, or so called <HEAD></HEAD>, is ignored by [...]

FancyPlayer – jQuery Fancybox and Flowplayer Integration Tutorial

Posted in Tutorials, jQuery by john | Tags: , 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 and video [...]

jQuery Kwicks and CSS Image Sprites Tutorial

Posted in Tutorials, jQuery by john | Tags: , , , , 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 can [...]

20 Quality examples of high contrast in web design

Posted in Design, Inspiration by Gergely Marton | Tags: , , , http://www.webgurusdesignblog.com/2009/06/20-quality-examples-of-high-contrast-in-web-design/

My 10th grade art teacher told me that high contrast can be used only on white or black backgrounds to underline focus on things you want to communicate. I think it was a bold declaration of not thinking out of the box and not following design trends set by teenagers and young artists. Anyway, since [...]

A list of jQuery interface elements and plugins developed by Eyecon

Posted in jQuery by Gergely Marton | Tags: , , , 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 targeted [...]

How to achieve the new and trendy letterpress effect with Photoshop

Posted in Design, Tutorials by Gergely Marton | Tags: , , http://www.webgurusdesignblog.com/2009/03/how-to-achieve-the-new-and-trendy-letterpress-effect-with-photoshop/

One of the most unexpected trends Smashing Magazine observed over the last months was the emergence of letterpress in Web design. Probably the most important reason for this trend is the simple fact that this technique has been rarely used until now. Few of the top web designers in various countries re-designed their website [...]

How to get peace between designers and web developers by using Firebug?

Posted in Design, Development by Claudiu Murariu | Tags: , , http://www.webgurusdesignblog.com/2009/03/peace-designers-and-developers/

Pixel Perfect is a firebug extension for Firefox that allows web developers to easily overlay a web composition over top of the developed html.

How to generate well designed price tags for your online store products

Posted in Tutorials by Gergely Marton | Tags: , , http://www.webgurusdesignblog.com/2009/03/how-to-generate-well-designed-price-tags-for-your-online-store-products/

After reading the brief for Catman Shopping Catalog, I’ve realized that it’s needed to create some widgets and “sparkles” for this website so the clients and visitors will notice the simple but nice-looking details. It was required to display a product’s price in a white and clean page layout, but it also needed to stand [...]

Create a live-update list effect with jQuery

Posted in Tutorials, jQuery by Gergely Marton | Tags: , 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 an auction [...]

Sponsors

Site Templates and WordPress Themes starting from $5
Make money with your Twitter

Recent Comments

Recent Posts

flickr Feed

    Onlineparfumeria.hucatman_v2Dorinarion.roProfi AdminSleek AdminIncasanoua.roCatmanInstillCSS XHTML Professionals

Search by tags

Affiliates