jQuery.popeye 2.0 – an inline lightbox alternative

jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

Though the script is quick and easy to setup, it offers great flexibility in both behaviour and styling.

It was designed as an alternative to the often-seen JavaScript image lightbox (see Lightbox 2, Fancybox or Colorbox, just to name a few). What they all have in common: they employ a modal window to display the large images, thus disrupting the workflow of the user interacting with a webpage.

jQuery.popeye takes a different approach: not only allows it for browsing all thumbnails as well as the large images in a single image space, it also repects the page flow and stays anchored and rooted in the webpage at all times, thus giving a less disruptive user experience than modal windows.

Galleria – A JavaScript gallery

Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project. Galleria 1.0 started as a small hobby project but now has over 500.000 downloads worldwide. This site is now dedicated to version 1.2, currently in beta development at GitHub. Stable release is set to July 2010.

UX Myths

Build your website based on evidence, not false beliefs!

UX Myths collects the most frequent user experience design misconceptions and explains why they don’t hold true. And you don’t have to take our word for it, They will show you lots of researches and articles from design and usability gurus.

Pure CSS speech bubbles

Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. Given tutorial contains various forms of speech bubble effect created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.

BlueMasters- A Free PSD template

Smashing Magazine released a yet another freebie: BlueMasters, a free PSD template, designed by Wendell Fernandes and released for Smashing Magazine and its readers. As usual, the theme is free to use in private and commercial projects.

BlueMasters is a dark, sexy, custom theme that has a solid, professional look and a very simple structure. You can access all files and layers used in a well organized structure and naming convention, making it easier for slicing the template or modifying it. BlueMasters can be customized to fit your business brand as well as your clients’ websites.

HTML5 Presentation

Watch the slideshow that lets you play with HTML5 features.

Featured Content Slider Using jQuery UI Tutorial

Using an auto-playing slider is the one of techniques to show featured content. It will be for better user experiance.

The given tutorial will show you how to create a featured content slider for website using the jQuery UI library.

483 Splashy Free Icons

Splashy Icons is package of 483 free icons that are best to be use in Web Application development.

The icons in transparent PNG format and sized 16X16px.

It is completely free to be used in personal and commercial projects (and no attribution is required).

jQuery FormLabels Plugin

The idea of using captions on form input boxes is not new, but all previous methods of providing this functionality have a few disadvantages. The jQuery FormLabels Plugin is a result of working with hundreds of different clients, sites, and especially forms. Every form is different, so building a uniform label generator was not an easy task. The plugin has a few advantages over plugins and “tricks” with similar functionality:

• Form label has almost the same styling as its “parent” input element
• Labels on password input boxes look like text, not asterisks
• Accurate label’s position regardless of size and other properties of input box
• Simplicity: no need to change a form’s markup or CSS in order to get the labels work
• Multiple options and methods including safemode option for legacy browsers
• Animation
• Cross-Browser support

jQuery Fundamentals – An Open-Source jQuery Training Curriculum

rebeccamurphey.com has Announced jQuery Fundamentals An Open-Source jQuery Training Curriculum.

Rebecca has developed what she  like to think is a decent curriculum — training material that’s the size of a small book, exercises that demonstrate core concepts, and solutions to those exercises that students can peek at later or when they get stuck.