Skip to main content

Jon Phipps's Library tagged forms →  View Popular

01 Jul 08

Fancy Form Design Using CSS

  • This chapter, which is fresh from The Art and Science of CSS [2], will explore the ways in which you can design a great-looking form, and provide you with the necessary code, which we'll work through together.
28 Mar 08

47+ Excellent Ajax CSS Forms

  • Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms.


    Thanks to AJAX, we can provide real-time feedback to our users using server-side validation scripts and eliminate the need for redundant validation functions and processing data.


    Let’s take a look, hopefully you’ll find new ideas you can develop further on your own.

14 Aug 07

SHAME | Overview / Introduction browse

    • SHAME is a library that leverages editors, presentations and query interfaces for resource centric RDF metadata.
      The central idea of SHAME is to work with Annotation Profiles which encompasses:


      • how the metadata in RDF should be read and modified.
      • what input is allowed, e.g. multiplicity and vocabularies to use.
      • presentational aspects like order, grouping, labels etc.

      These annotation profiles are then used to generate user interfaces for either editing, presentation or querying purposes.
      The user interface may be realized in a web setting (both a jsp and velocity version exists) or in a stand alone application (a java/swing version exists).

02 Jul 07

A List Apart: Articles: Prettier Accessible Forms

  • I’ve tried to create a form-styling solution that is both accessible and portable (in the sense that I can move the code from one project to the next). Floats have often provided a solution to my problem, but given the complexity of some layouts and the numerous float bugs associated with Internet Explorer, it’s not always easy to reuse a float solution. I wanted to create something that anyone could easily reuse on any project: a style sheet that, when applied to a correctly marked up HTML form, would produce the basis of the required layout. So here it is—my attempt at portable, accessible forms.
18 Feb 07

Views and Forms: Principles of Task Flow for Web Applications Part 1 - Boxes and Arrows: The design behind the design

  • Creating web applications that support the full and valid completion of specific tasks, operations, and database transactions, therefore requires some understanding of how to manipulate the medium to that purpose. To wit, the following few thousand words serve to describe both the fundamental building blocks of HTML-based web applications as well as the three ways in which those blocks can be arranged to provide various types of task flows.

Wizards and Guides - Boxes and Arrows: The design behind the design

  • In part one of this article the discussion was one of views, forms, and the manner in which they could be combined into a particular type of task structure known as a hub. The purpose of this installment is to expand on those themes by exploring two other types of task structures commonly employed in web applications. Known as wizards and guides, these additional structures are useful for presenting complex transactions and multipart processes in smaller and more manageable sequences of individual steps.
11 Dec 06

24 ways: Showing Good Form

  • Abusing tables for layout is never good – physical layout is not what table semantics mean. But even if this data can be described as a table, we shouldn’t mix forms markup with non-forms markup, because of the behavioral impact this can have on a screen reader:



    To take a prominent example, the screen reader JAWS has a mode specifically for interacting with forms (cunningly known as “forms mode”). When running in this mode its output only includes relevant elements – legends, labels and form controls themselves. Any other kind of markup – like text in a previous table cell, a paragraph or list in between – is simply ignored. The user in this situation would have to switch continually in and out of forms mode to hear all the content. (For more about this issue and some test examples, there’s a thread at accessify forum which wanders in that direction.)



    One further issue for screen reader users is implied by the design: the input fields are associated together in rows and columns, and a sighted user can visually scan across and down to make those associations; but a blind user can’t do that. For such a user the row and column header data will need to be there at every axis; in other words, the layout should be more like this:

13 Nov 06

Smashing Magazine | Blog Archive » CSS-Based Forms: Modern Solutions

  • In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, so web-forms are becoming more and more important for the success of еру company. In the end, exactly those web-forms are responsible for the first contact with potential customers. Let’s take a look, which modern solutions a web-developer can use, designing his/her next css-based form.

AJFORM - World's easiest AJAX Forms API / JavaScript ToolKit

  • AJFORM is a JavaScript toolkit which simply submits data from any given form in an HTML page, then sends the data to any specified JavaScript function. AJFORM degrades gracefully in every aspect. In other words, if the browser doesn't support it, the data - jonphipps on 2006-07-20

The Form Assembly - Free Web Form Builder, Form Templates and CSS Stylesheets.

  • The Form Assembly is a two part project: the wForms extension and the Form Builder. - jonphipps on 2006-07-20

Web Forms 2.0

  • This specification defines Web Forms 2.0, an extension to the forms features found in HTML4's Forms chapter and the corresponding DOM2 HTML interfaces. - jonphipps on 2006-07-20

PengoWorks.com

  • qForms JavaScript API
    Welcome to the qForms—the most complete JavaScript API for interfacing forms. The qForms API has been designed to make forms easy to work with. It simplifies tasks HTML developers normally find tricky to handle.     - jonphipps on 2006-07-20

A List Apart: Articles: Prettier Accessible Forms

  • I’ve tried to create a form-styling solution that is both accessible and portable (in the sense that I can move the code from one project to the next). Floats have often provided a solution to my problem, but given the complexity of some layouts and the - jonphipps on 2006-07-20

Really easy field validation with Prototype * Dexagogo

  • I wanted a robust javascript validation library that was simple to implement and didn't require me do any extra work other than creating the form. My favourite idea for a method of doing this is to utilise the field elements' class attribute to indicate w - jonphipps on 2006-07-20
1 - 18 of 18
Showing 20▼ items per page

Selected Tags

Related Tags

Sponsored Links

Ads by Google

Highlighter, Sticky notes, Tagging, Groups and Network: integrated suite dramatically boosting research productivity. Learn more »

Join Diigo