Have you ever visit Apple's MobileMe website? The login screen has form labels that are written within the value of their associated input field.

Inline labels are nothing new – in fact the easiest way to label a field is to simply set the field value up front and blow it away when the field gains focus. This is handy way for designers to save space and make their designs cleaner all-around. Unfortunately for us developers, simply setting the input value isn't very semantic or usable then you can't do it simple. I've just use a little jQuery to make it all happen.

Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. Using lazy load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load. Lazyloader is inspired by YUI ImageLoader Utility by Matt Mlinac.

Lazy loading is a design pattern commonly used in computer programming to defer initialization of an object until the point at which it is needed. It can contribute to efficiency in the program's operation if properly and appropriately used.

CMS or Content Management Systems is an very efficient tool to maintain and manage websites and the content thereof. But how well a CMS caters to your requirements depends a great deal on your choice of the same. There are so many available, all with different features, it can be difficult to decide which is the best solution for a particular web project. For simple sites, lots of bells and whistles can be overkill and actually be a bit confusing for the person maintaining the website.

In this article, you’ll find 10+ Simple and Lightweight but Powerful and Free Content Management Systems that may not garner as much attention as their more popular counterparts – but should.

While working on form design, I encountered some issues when using images as submit buttons. The input with the type=”submit” is either too ugly (Firefox), a little buggy (Internet Explorer) or completely inflexible (Safari). The solution for most is to use image inputs and create the damn things ourselves.
View this example:

Many blogs highlight the author’s comment in the comments section. I’m talking about how to highlight comments posted by the author of the article. You can use many plugins to get this effect (For eg., the Highlight Author Comments Plugin) – but you don’t have to. You can get the get the same effect by adding a small bit of CSS code to your theme.

Most snippets will target and try to find author’s email or user id, but that actually slows your site down. Why not using CSS selector and find author’s comment and change the background color so it is easily pointed out. Pretty smart. After that, it was a simple matter of times to see the result.

Social bookmarking is a method for Internet users to share, organize, search, and manage bookmarks of web resources. Unlike file sharing, the resources themselves aren't shared, merely bookmarks that reference them. With Social Bookmark websites, users can save and categorize a personal collection of bookmarks and share them with others. Your visitors can now bookmark and submit your websites to all their favorite social bookmark services with the ease of a single click.
So how can we encourage more people to share our links? One of the easiest options is to include a set of links at the bottom of your posts which readers can click to automatically vote for your article.

In this post, I’ve written the WordPress codes for 45+ of the most popular social bookmarking and networking sites out there.