Saturday, August 18, 2007

ModalBox – Web 2.0-style Modal Dialogs and Wizards

What is ModalBox?

ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It’s inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing bigger versions of images.

ModalBox is built with pure JavaScript and is based on Sam Stephenson’s excellent Prototype JavaScript Framework, script.aculo.us and valid XHTML/CSS. ModalBox uses AJAX to load content.

ModalBox technique is still in development. Believe me it is wonderful.

Wednesday, August 15, 2007

Blue Gray Free XHTML Template

I am now going to present you to the Blue Gray Free Template. Blue Gray is a free valid XHTML 1.0 and valid CSS, 3 column fixed template that I have designed, it has a lot of greet features in it. I have designed the template in tow versions left-to-right and right-to-left version. Blue Gray is a free template either for personal or commercial use but it is necessary to keep the footer link for my Portfolio website. Blue Gray has a basic but professional look and it is fully customizable and expendable.

View the template from here:

and you can download the template from here in a single zip file:

Tuesday, August 14, 2007

WebSnapr – Website Thumbnails For Your Site

WebSnapr lets you capture screenshots of (almost) any web page. Let your visitors to instantly visualize any web page before clicking. Increase site traffic, click-through rate and site stickiness.

How does it work?

Using WebSnapr from your site can’t be any easier. Just use the following URL to generate a thumbnail:

http://images.websnapr.com/?url=[url]&size=[size]

Of course, just replace [url] and [size] to make the magic happen. You can get up to 5 different sizes by setting the [size] parameter. These are your choices:

  • T = 92×70 (example)
  • S = 202×152 (example)
  • M = 400×300 (example)
  • L = 640×480 (example)

Monday, August 13, 2007

Really Easy Field Validation

Form validation is a crucial thing in web applications and making them sometimes requires hard work. Here’s a form validation script that is very easy to use. It has a number of tests built-in but is extensible to include your custom validation checks. Here’s the list of tests available to add to your field elements:

  • not blank – required
  • a valid number
  • digits only
  • letters only
  • only letters and numbers
  • a valid date value
  • a valid email address
  • a valid URL
  • a date formatted as; dd/mm/yyyy
  • a valid dollar value
  • first option e.g. ‘Select one…’ is not selected option
  • At least one textbox/radio element must be selected in a group

Here is a demo of the field validation.

Sunday, August 12, 2007

Test Your Website in Different Browsers and Platforms

Have you ever designed a website and gone through the painful process of testing your website design on different browsers and platforms to check for problems? If your answer is yes then here is the solution for your problem. Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server of Browsershots. It supports a lot of browsers and platforms.

Follow Me

Behance Delicious DeviantART Google LinkedIn Pinterest RSS

Subscribe by Email

Enter your email address:

Sponsors

Blog Archive

  • 2019
  • 2014
  • 2013
  • 2012
  • 2011
  • 2010
  • 2009
  • 2008
  • 2007
  • 2006

Twitter Updates

Friends