Since facebook is becoming the ubiquitous social network and it has officially become the most trafficked site on the web, adding facebook connect feature to my site would make it more viral.

It would do so because it would make it so much easier for my users to interact with me and my content. They can easily like or comment my work or me, as a brand, without having to login to a separate system (i.e. my site) or -worse yet- create a new account.

The virality comes into play when the reference to their action shows up in their facebook news feed and profile, exposing(read promoting) my stuff to their circle. This allows them to identify themselves with me and/or my work.

In my research, I found out that there’s a WP plugin for fb connect integration and here’s one of the tutorials for it:
Easier way to add facebook connect to your blog using WP-FacebookConnect plugin

I’m currently building a WordPress site that requires a plugin to feature posts on the home page.

I did a little research and came across this list which seems to be a great place to start:
5 Plugins For Creating EyeCatchy Featured Content Section in Wordpress

Most likely I’ll use one of the plugins that use javascript and can be updated via the admin interface instead of the flash one so that in case I need someone else to update it, I won’t have to teach them XML etc.

Seems like the Featured content gallery plug in is a good candidate. Many people have used it and they seem to be happy.

In case you need multiple instances of that module -like I do- here’s a good tutorial that would show you how to do it step-by-step: Multiple Featured Content Galleries

In case you need to add a CSS definition only for FF 1 or 2, check out this article (with examples): CSS hack for Firefox only

Today, I had a need to create a hover state for a button. I knew how to do that easily if it were an image. I could just use the onMouseOver attribute and insert a little javascript to swap out the image on hover.

That doesn’t work for input field.

I thought about using javascript, but that feels like an overkill and whenever possible, I try to avoid writing script.

Then I came across the following tutorial on applying a sprite technique to the input field.

It’s a really easy to follow tutorial. I got it working in less than 30 minutes. If you want to learn about this technique, you should give this one a try.

As part of the prototype that I’m building, I need a js to hide and show a layer.

I did a little search on that and came across this nice page that tells you how to do it and also provide the code that you can copy and paste to your own code.

Enjoy! Showing and Hiding a DIV using CSS and Javascript

Ever wanted to show the pictures you uploaded to flickr on your WP blog? Here are various plugins that you can use to do that: 10 Amazing Wordpress Plugins for Flickr

As I worked on the theme for my bodypainting site that also uses WP as the back end, realized that I might need some kind of conditional tags to hide and show modules in different templates, particularly to make the home page looks different from the static pages.

I came across the following page that list the conditional tags that you can use in your theme: Conditional Tags

I’m currently building a prototype that requires a modal view for one of links. So I did a little search and I came across this list(Which Lightbox is right for you?) of various lightbox/modal window solutions out there with description for each.

The description is very helpful for me since I’m looking for a solution for HTML content while the lightbox solution I used in the past only works for images.