VALIDACIÓN DE FORMULARIOS EN JAVASCRIPT

VALIDACIÓN DE FORMULARIOS EN JAVASCRIPT     La principal utilidad de JavaScript en el manejo de los formularios es la validación de los datos introducidos por los usuarios. Antes de enviar un formulario al servidor, se recomienda validar mediante JavaScript los datos insertados por el usuario. De esta   forma, si el usuario ha cometido algún error al rellenar el formulario, se le puede notificar de forma instantánea, sin necesidad de esperar la respuesta del servidor.   Notificar los errores de forma inmediata mediante JavaScript mejora la satisfacción del usuario…

Leer más

MANEJADORES DE EVENTOS EN JAVASCRIPT

MANEJADORES DE EVENTOS EN JAVASCRIPT    Cada evento tiene un nombre, por ejemplo «click». Los manejadores eventos, que son usados para invocar una serie de comandos cuando se produce un evento, tienen siempre la palabra «on» seguida del nombre del evento. Por ejemplo, «onclick». MANEJADORES DE EVENTOS (EVENT HANDLERS) EN JAVASCRIPT 1.3   Abort (onabort): Se lanza cuando se abortó la carga de un elemento de la página, por ejemplo una imagen.   Blur (onblur): Se procesa este evento cuando un elemento de la página, generalmente un elemento de formulario,…

Leer más

LIBRERÍA DE FUNCIONES JAVASCRIPT

LIBRERÍA DE FUNCIONES JAVASCRIPT   En todos los lenguajes de programación existen librerías de funciones que sirven para hacer cosas diversas y muy repetitivas a la hora de programar. Las librerías de los lenguajes de programación ahorran la tarea de escribir las funciones comunes que por lo general pueden necesitar los programadores. Un lenguaje de programación bien desarrollado tendrá una buena cantidad de ellas. En ocasiones es más complicado conocer bien todas las librerías que aprender a programar en el lenguaje.   Javascript contiene una buena cantidad de funciones en sus…

Leer más

Dibujos completos en HTML5, lienzo de CANVAS

Dibujos completos en HTML5, lienzo de CANVAS   Luego tenemos una utilidad nueva que merece la pena verla por separado, puesto que nos va a transformar la manera con la que se experimentará la web. Se trata de un lienzo en donde se puede dibujar cualquier cosa e incluso hacer animación compleja.   CANVAS: Una etiqueta que genera un lienzo en la página donde realizar cualquier tipo de diseño, soporta dibujo de todo tipo de formas, degradados, imágenes, etc.   Nota: La etiqueta CANVAS del HTML simplemente delimita un área…

Leer más

Introducción a @font-face de CSS

Introducción a @font-face de CSS   Fuentes en CSS 3. Sintaxis y principales características de la regla CSS @font-face, que nos permite utilizar cualquier tipografía en una página web.   Importar fuentes tipográficas mediante CSS con @font-face   La mencionada regla @font-face nace con CSS 2 pero hasta CSS 3 no empieza a funcionar y prosperar. En un principio sólo funcionaba en IE 5 y únicamente admitía formatos de fuente .eot, pero con el paso del tiempo otros navegadores ampliaron su soporte, comenzando con Safari 3,1. En la actualidad admite…

Leer más

Degradados radiales con CSS3

Degradados radiales con CSS3 Veremos ahora cómo conseguir degradados CSS3 en un gradiente de color que se distribuirá de forma radial, creando tanto círculos como elipses. Los degradados radiales, que incluyen tanto los que tiene forma circular en general, como los que tienen forma de elipse, se consiguen a través del atributo radial-gradient, de CSS3. De modo que, mediante la aplicación de distintos parámetros, conseguiremos todas las posibilidades. Como veremos a continuación, tienen una forma de definirse muy parecida a la que vimos con los degradados lineares, aunque en este…

Leer más

Crear plantillas en WordPress

Crear plantillas en WordPress Podemos crear plantillas con comportamientos propios a los que luego asignar a cada página. Desde el editor de páginas estáticas hay una opción para aplicar plantillas. Para que un fichero php sea interpretado por WordPress como una template, hay que incluir al inicio del mismo el siguiente código:   /* Template Name: Nombre‐plantilla */   The Loop   El bucle es el proceso más importante de WordPress, aquel que nos devuelve y recorre todos los posts que corresponden al fichero desde el que se invoca:   Si…

Leer más

Bordes con imágenes en CSS 3

Bordes con imágenes en CSS 3 El atributo border-image y varios otros de CSS 3 harán posible la utilización de imágenes como bordes de los elementos de la página, sin código HTML especial, simplemente con hojas de estilo. Distintas especificaciones sobre border-image Las especificaciones de CSS 3 están en etapa de desarrollo. El organismo W3C, que se encarga de definir los estándares de Hojas de Estilo en Cascada, ha alterado algunas veces las especificaciones del atributo border-image y relacionados. Es por ello que todavía hay algunas diferencias entre lo que…

Leer más

La estructura básica de un theme de WordPress

La estructura básica de un theme de WordPress   Las plantillas o themes son la capa de presentación de los blogs o páginas web que se monten. Se puede cambiar esta capa sin que la información se vea afectada. WordPress reconoce automáticamente los siguientes ficheros y los interpreta:   header.php: aquí se define la cabecera de la página.   footer.php: aquí se define el pie de página.   sidebar.php: aquí se definen las diferentes barras laterales.   index.php: este es el fichero que carga de inicio el site. Desde aquí…

Leer más

Bordes redondeados en CSS 3

Bordes redondeados en CSS 3 Las características de CSS 3 incluyen bordes redondeados, a través del atributo border-radius, que define la curvatura que debe tener el borde del elemento. CSS 3 incorpora nuevas propiedades para el control de bordes de los elementos. Ahora se permiten bordes con las esquinas redondeadas, bordes con imágenes (incluso varias imágenes se pueden utilizar para definir el aspecto del borde), sombras, etc. Tenemos la propiedad border-radius, que permite definir bordes redondeados en las esquinas, especificando las medidas del radio que deben darse a la curva…

Leer más