jQuery
jQuery Plugin for Form Validation – Ketchup!
0Ketchup is a simple jQuery plugin for form validation that allow you to validate user inputs on the client-side. It aims to be very flexible and extendable for its appearance and functionality. Although Ketchup is designed to be styled and extended by you it already looks tasty and gives you the most common validations by default.
It come with a ready to use pre-written basic validations, including: required, minlength(min), maxlength(max), rangelength(min, max), min(min), max(max), range(min, max), number, digits, email, URL, username, match(selector), date, minselect(min), maxselect(max), rangeslect(min, max) and many more..
It also provides some callbacks to completely control the markup and show/hide behavior of the error-container, which simply can be styled via CSS. Ketchup don’t force any markup on you. Build your own error-container, either with HTML code in a string or the element builder via the errorContainer parameter.
With Ketchup, User can combine validations More >
Methods to Create Equal Height Columns
0Back when tables were used for layouts, creating equal height columns was very simple. All you had to do was create three cells in a row and you have a layout with equal height columns. The method for creating equal height columns isn’t as straightforward when you use CSS for layouts.
This article discusses some methods to create equal height columns that work on all major web browsers (including the infamous IE6). All of these methods show how to create a three column layout.
Create a layout in which all the three columns assume the height of the tallest column.
Method 1: Using display: table Attribute
In this method we use a list or one div enclosing a set of <div>s (one for each column). The enclosing div is given a display: table attribute and each enclosed div is given a display: table-cell attribute.
I’ll discuss this with an example: More >
.NET Style String Formatting with jQuery – Javascript Function to Support Token Replacement within a String
0Here is a quick jQuery Plugin Announcement:
String concatenation and formatting are common aspects of almost every development effort. However, the combination of single and double quotes, along with escape characters, text, and plus signs (+) can be a bit overwhelming and difficult to remember. The .NET Framework provides a much cleaner approach with the String class’s Format method. It allows you to create string values by specifying insertion points for other values as well as special formatting.
String.Format(“Hello {0}”, “world”);
The string formatting approach described above can now be used with Javascript using a jQuery Plugin: .NET STYLE STRING FORMATTING – a simple and clever function to support token replacement within a string.
Given a string like “Hello, {0}” and calling the format function with a single argument like “world”.
var result = $.format(“Hello, {0}”, “world”);
The result variable will be set to “Hello, world”.
The function will support More >
Best of jQuery Image Gallery and Slideshow Plugins
0Image galleries and slideshows provide a good user experience and make viewing images more pleasant and intuitive on your website. With the advent of powerful JavaScript frameworks like jQuery, Prototype, Mootools etc., the quality of JavaScript based image galleries and slideshows have improved dramatically.
As these frameworks are getting popular day by day, more and more web developers are coming out with new and creative ideas every day. Here are 21 brilliant jQuery plugins which you can easily use to create an image gallery/slideshow for your website.
1. Spacegallery
Spacegallery displays your images with a nice 3D effect and it is also pretty easy to use and customize.
2. prettyPhoto
prettyPhoto might look like jQuery Lightbox clone but it supports videos, flash, YouTube videos, iFrames besides images. It also comes with useful API More >
10+ Stunning Mootools script resources for enhancing your HTML Forms
1Forms are one of the most important part of a website because thay allow users to submit information. But forms also require a lot of work to look good and to be easy to use. The good news is that others have made most of the hard work for you. If you use Javascript frameworks like Mootools there are many free scripts available providing excellent functionality and look and feel for html forms. This article provides 16 scripts to enhance and boost your html forms!
Free Javascript Code Syntax Highlighters For Better and Faster Programming
0If you are programmer or actually if you at least have some basic coding skills, you’ll find this article useful. For example just look at this page source – without highlighting that whole code is just a bunch of plain black text and it is really hard to find specific things if everything looks the same. Thankfully there are many highlighting scripts available, for example Notepad++ also supports and highlights different code snippets. These code syntax highlighters actually are doing mainly the same thing, but with more options, big coding language support, better integration – really in our days you just need to choose one – there are too many tools available anyway.
A monster collection of jQuery resources you’ll ever need to create that amazing site for one of your clients or for one of your personal projects.
2jQuery Plugins.
idTabs is a plug-in for jQuery. It makes adding tabs into a website as simple as it is. But it can also open the door to endless possibilities.
This is an extremely basic, yet powerful dropdown technique for adding a dropdown menu inside your website or application by Nathan Wong.
Alen Grakalic wrote a very nice and easy jQuery slider plug-in. It let’s slide images or any content horizontally or vertically on a single click or even fully automatically
s3Slider jQuery Plug-in is a nice jQuery Featured Content Gallery plug-in, you can easley ad this slider to your own website to show of your work or something similar by Boban.
James Padolsey made a cool jQuery Image Preview plug-in that will allows your users to preview an image before clicking on it.
The best More >
CSS Edge :: css tips tricks, Download free CSS templates, Design Styles
0I’m a huge fan of Photoshop, it’s a fantastic tool for pretty mucha anything, however when it comes to web design my favorite tool has to be Fireworks. I’ve been using Fireworks since I don’t know when but I can say that its vector capabilities combined with pixel precision positioning make very easy to design websites.
Also I used this design firstly to review a service that gets your design and code it for you. Then I decided that it would be nice to explain a bit of how I designed that site. So in this tutorial I will show you how to create a single page site for your personal portfolio.
Step 1
The first thing to do when designing a website is structuring. You will need to set where the elements of the site will be, the navigation, main content, sidebars, footer, and etc.. There