Blueprint es un framework CSS realizado para que puedas utilizar en el diseño de tu proyecto web. Puedes descargarlo de forma gratuita, y su forma de utilizar es fácil, tan solo hay que incluir los archivos CSS en el head. Una buena forma de construir un sitio web, con un diseño bastante elegante y poco sobrecargado. Un ejemplo hecho con BlueprintCSS:

Enlace: | Descarga BlueprintCSS | Ejemplo online

Evolt es una de las páginas más importantes en la actualidad con interesantes artículos y técnicas útiles para utilizar en el diseño de páginas web. Abarcan diferentes aspectos del Webmaster, desde artículos dedicados a lenguajes del lado del servidor, conexión con base de datos, recursos como Google y sus herramientas, alta en directorios, técnicas para atraer la atención de visitantes, etc. Si te gusta el diseño web, ésta página irá directa a tus favoritos créeme.

Enlace: | Evolt.org

Puede que nunca te suceda, y no tengas la necesidad, pero cuando a un campo de texto o cualquier otro objeto, le ponemos la propiedad readOnly, si dicho objeto ejecutaba alguna función en el evento Javascript onBlur, estando en el modo solo lectura la seguirá ejecutando. Para evitar ésto hay 2 opciones:

• Utilizar la propiedad disabled. Su sintáxis es la siguiente:

  document.formulario.nombre_campo.disabled=true;

  El único inconveniente es que, si queremos enviar un valor nulo del campo, con disabled no lo conseguiremos, ya que con dicha propiedad no se enviará ningún valor en el value. Para conseguir eso, deberemos utilizar readOnly y anular onBlur de la manera explicada en el siguiente punto.

• Utilizaremos el siguiente truco, que consiste en desactivar la propiedad onBlur, y guardarla en otra variable por si en otro momento queremos activarla. El código es bastante sencillo:
  TEXTO PLANO
  JavaScript:

  1. if(condicion) {
  2.  document.formulario.campo.readOnly = true;
  3.  document.formulario.campo.lastonblur = document.formulario.campo.onblur;
  4.  document.formulario.campo.onblur = '';
  5. }

Internet reúne una cantidad de información y recursos inimaginables. En ésta ocasión en Design Vitality han hecho un listado con 100 herramientas online muy útiles para el diseño de páginas web. Podrás encontrar generadores y formateadores de CSS, layouts,  plantillas, templates, etc. Realmente útil ésta lista con recursos.

Vía | Xyberneticos(Webeame)

El atributo selected en Javascript sirve para identificar cuando un elemento de un combo ha sido seleccionado. Ésto nos puede resultar tremendamente útil a la hora de realizar diferentes tipos de validaciones en formularios, y así habilitar o deshabilitar distintos elementos en función de la opción seleccionada en el combo. La forma génerica de identificar un objeto es la siguiente:

document.nombre_formulario.nombre_select[x].selected

Siendo x el número de opción, teniendo en cuenta que se comienza a contar desde 0.
Vamos a ver un sencillo ejemplo, en el cual si se selecciona la opción "Opción deshabilita" quedarán deshabilitados 2 campos de texto, y en caso contrario quedarán habilitadas las cajas de texto. Para ello recurriremos a una función que será llamada en el evento onChange, que comprobará al seleccionar una opción del combo si es "Opción deshabilita", y en caso de serlo dejará deshabilitadas las 2 cajas de texto. En caso contrario estarán habilitadas. Por defecto en el combo hemos dejado una opción en blanco, y en el botón Enviar llamaremos a una función mediante onClick que nos obligará a seleccionar una opción del combo, impidiendo que esté seleccionada la opción en blanco. Aquí tienes todo el código, que después de lo explicado, y teniendo algunas nociones básicas de Javascript no te costará entender:

Un truquito muy sencillo con Javascript y que puede resultar muy útil consiste en cambiar la clase CSS de un elemento. Por ejemplo, podemos crear varias clases CSS distintas para un formulario, y al realizar las validaciones aplicar una clase u otra. Veamos un sencillo ejemplo que puede resultar útil. Vamos a realizar una validación en un campo de texto normal y corriente, y en caso de que ese campo de texto se deje vacío, vamos a cambiarle la clase por una que mostrará el fondo de la caja amarilla. De esa manera, si tuvieramos un formulario muy grande, sería muy fácil mostrarle al usuario los campos que debe corregir. Veamos en primer lugar las 2 clases CSS que vamos a usar, una por defecto(normal), y la otra(error) en caso de dejar vacío el campo:

Ahora veremos el código Javascript encargado de realizar el cambio de tipo de clase para el campo de texto. Ésta función será llamada en el evento onClick del botón del formulario, como podrás apreciar en el código HTML más abajo.

Para terminar, veamos el código HTML, que es muy corto y bastante simple de entender con lo ya explicado: