Sleek Design Superhero

is here to save the day and gather the best tutorials and articles on web development and design.

Archive of jQuery

Building your own Lightbox with Javascript (part 1)

Posted on Feb 21 in General, jQuery, Tutorials | (1) Comment

See the final result of part 1: Demo Why write your own lightbox? The simple answer is: to learn how it’s done. If you’re going to use if for an image gallery, embed flash and videos or even to load Ajax content you are probably better off using one of the many existing lightbox plugins [...]

See the final result of part 1: Demo

Why write your own lightbox?

The simple answer is: to learn how it’s done. If you’re going to use if for an image gallery, embed flash and videos or even to load Ajax content you are probably better off using one of the many existing lightbox plugins (Thickbox, FancyBox). If you plan to use a lightbox for more complex applications like the admin back end of a cms (see the future Drupal 7 Admin Panel ) then you should either fully understand every line of your plugin or write your own.

This tutorial assumes some knowledge of Javascript. If you are just starting Javascript I highly recommend watching Jeffrey Way’s Javascript from null video series on nettuts.com.

Read More

jQuery Validation in Ruby on Rails

Posted on Aug 17 in jQuery, Ruby on Rails, Tutorials | (40) Comments

This post shows how you can use the jQuery Validation plugin to validate RESTful rails forms and how to use the remote method for powerful AJAX-backed validation.

In this post you will see how to do client side validation with jQuery in a Ruby on Rails application. The post assumes you have some knowledge of Ruby on Rails views and jQuery selectors.

We will validate a typical user registration form using the jQuery Validation plugin.

Read More

php phpinfo(); ?>