HTML PHP CSS Web 2.0

Getting Started
JotForm is a completely web based form builder. It is developed for webmasters with minumum design experience. JotForm has an intiutive drag&drop and instant edit form editor. You can create web forms, collect submissions and payments from your web site visitors.

Creating Your First Form
Creating a form is very easy with JotForm. Form builder is located at the homepage of jotform.com web site. You can start with th default questions, or click on “New” button to create a new form following the steps on the Wizard.
Next, Simply drag and drop fields from the Toolbox on the right side to add new questions. To change the text on the question, click on the question and edit. Once you are ready to share your form, click on “Source” button and copy and paste the HTML code for your form into your web site.
That’s all. You are now ready to collect form submissions from your visitors.

Getting to Know Form Editor
JotForm supports all standard web form field types. In addition, it allows you to use new and intuitive fields in your form such as Date Time Picker, Star Ratings, or CAPTCHA checks. Using JotForm, you can create any kind of web form.

http://www.jotform.com/

CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously.
If you like this, you may be interested in our browser compatibility service, SiteVista. Yes, that’s why this software is free!

Features

* Live CSS editing
* Live rendering in Internet Explorer 6 and Firefox
* Split pane view to see both browsers simultaneously
* Completely free!

http://www.sitevista.com/cssvista/

Resize your browser to various standard resolution sizes.

The Browser Window Resizer is useful for testing different screen sizes. It accurately resizes your browser so you can test to see what a web page looks like in all of the standard resolution sizes.
Supports the 640×480, 800×600, 1024×768, 1280×1024, 1600×1200 resolutions.

Resize the current page via the Context menu, Tool menu or Toolbar button.

Window Resizer for Internet Explorer resize the current page via the context menu (right-click) only.

The Firefox extension Resize the current page via the context menu, tool menu or toolbar button.

http://www.yellowpipe.com/yis/tools/window_resizer/

JavaScript Image Cropper UI, using Prototype & script.aculo.us

The JavaScript image cropper UI allows the user to crop an image using an interface with the same features and styling as found in commercial image editing software, and is based on the Prototype JavaScript framework and script.aculo.us.

Initially I performed quite a lot of searching for some ready made solutions to meet my requirements, but found none that had the complete feature set that I required or any complete versions based on Prototype.

Features

Screen shot of cropper in action

* Un-obtrusive
* Based on Prototype and script.aculo.us
* Image editing package styling & functionality, the crop area functions and looks like those found in popular image editing software
* Dynamic inclusion of required styles
* Drag to draw areas
* Shift drag to draw/resize areas as squares
* Selection area can be moved
* Selection area can be resized using resize handles
* Allows dimension ratio limited crop areas
* Allows minimum dimension crop areas
* Allows maximum dimensions crop areas, if both min & max set as the same value then we’ll get a fixed cropper size on the axes as appropriate and the resize handles will not be displayed as appropriate
* Allows dynamic preview of resultant crop (if minimum width & height are provided), this is implemented as a subclass so can be removed if not required
* Movement of selection area by arrow keys (shift + arrow key will move selection area by 10 pixels)
* All operations stay within bounds of image
* All functionality & display compatible with most popular browsers supported by Prototype, tested in:
o PC: IE 6 & 5.5, Firefox 1.5, Opera 8.5 (see known issues) & 9.0b
o MAC: Camino 1.0, Firefox 1.5, Safari 2.0

http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/

The Color Wizard is a color matching application for anyone who wants to create designs with great looking colors.

Matching Colors

The color wizard lets you submit your own base color, and it automatically returns matching colors for the one you selected.

It returns a set of hue, saturation and tint/shade variations of your color, as well as suggests color schemets to you, based on your color’s complementary color, split complementary colors, analogous colors and other variations. The color wizard also has a randomize function that lets you generate color schemes you might not have thought of on your own.

The first version of the Color Wizard was completed back in 2000 as an ASP application. With version 3, it has been converted to a flash based application.
http://www.colorsontheweb.com/colorwizard.asp