Categoría: Noticias

El objeto form posee dos sub-propiedades, a parte de las propiedades nombradas en el capítulo anterior. Estas sub-propiedades son: sub-propiedad descripción index es un array que contiene todos los formularios de una página, donde el primer formulario es identificado con el número 0 y así sucesivamente. length contiene el número (cantidad) de formularios que hay en una página. 2.1.1 Sintaxis básica document.forms[index] donde index es el número correspondiente al formulario: document.forms[0] indica el primer formulario y document.forms.length nos indica la cantidad de formularios que hay en una página. 2.2 Ejemplos de aplicación LENGTH El código… Presiona…

Leer más

Presentamos una práctica de diseño web con Photoshop en vídeo, en la que realizaremos la plantilla de una página web que vamos a maquetar posteriormente con las clases CSS del framework Blueprint. En este videotutorial nos dedicaremos exclusivamente a la concepción creativa del diseño de la portada. Luego, en futuros vídeos maquetaremos la página utilizando HTML y CSS, ayudados de Blueprint. Blueprint, entre sus archivos para descarga, proporciona una plantilla con una serie de guías que forman las 24 columnas disponibles para la maquetación, divididas también en una serie de…

Leer más

La parte más importante de este framework CSS es la rejilla, qla cual como hemos indicado en otros tutoriales, permite situar los elementos de la página de una manera precisa y sencilla. En este artículo mostraremos cómo funciona esta rejilla y las principales clases para poder maquetar una página web. Blueprint propone un contenedor de 950 píxeles de anchura, que se divide en 24 columnas. La columna ocupa un espacio de 30 píxeles, con una separación de 10 píxeles entre columnas. Mediante estas dimensiones, como decimos, se pueden conseguir 24…

Leer más

En otros tutoriales ya hemos mostrado una introducción a Blueprint y a sus características. Ahora queremos comenzar a ofrecer las explicaciones necesarias para empezar a utilizarlo. Para minimizar en la medida de lo posible tu curva de aprendizaje y ayudarte a sacar provecho del framework CSS desde el primer momento. En este artículo veremos qué es lo que trae el archivo para descarga de Blueprint y os instaremos a echar un vistazo a sus contenidos. Luego mostraremos el código que tenemos que poner en nuestra web para incluir los archivos CSS…

Leer más

En el siguiente tutorial hablaremos de Blueprint el cual es un complemento para desarrolladores de webs que aumentará la productividad en las tareas de diseño y maquetación de páginas. Se trata de una serie de librerías de Hojas de Estilo en Cascada que contienen código útil para maquetar una página web y aplicar otros tipos de estilos tipográficos o de impresión, algo que comúnmente conocemos como Framework CSS. Este sistema nos ofrece una serie de archivos con código CSS que podremos incluir en las páginas web para aplicar estilos de…

Leer más

Para hacer un benchmark sencillo podríamos realizar nosotros a mano un poco de código Javascript para contar el tiempo, pero existen herramientas que nos dan respuesta a este asunto de una manera bastante más sencilla. Veremos pues cómo la consola de Firebug nos ayudará por medio de una serir de de funciones Javascript que incluye su API. Funciones para medir tiempo console.time() y console.timeEnd() Este par de funciones nos sirven para medir el tiempo en milisegundos transcurrido desde que se inicia la cuenta con console.time() y se finaliza con la…

Leer más

La extensión Firebug ha sido tratada en diversos artículos en DesarrolloWeb.com y en cientos o miles de artículos de otras webs. Y no es para menos, pues se trata de uno de los complementos más útiles y preferidos por los desarrolladores. En este artículo vamos a empezar a explicar las funciones de las que dispone el API de la consola de Firebug. Quien no conozca esta extensión no tiene más que leer el artículo sobre Firebug, pero estoy seguro que quien lea esto estará al tanto y se encontrará más bien…

Leer más

Vamos a hablar sobre Firebug, una extensión de Firefox muy útil para desarrolladores del web, que permite examinar minuciosamente cada uno de los elementos de la página, en busca de errores del código o fallos de presentación. Por medio de Firebug podemos controlar cualquier cosa que ocurre dentro de Firefox cuando carga cualquier página web. Permite examinar todos los elementos HTML, y además los estilos CSS y los códigos de scripting en Javascript que está ejecutando la página.  Antes que nada habría que comentar lo que son las extensiones de…

Leer más

En el siguiente tutorial te mostraremos cómo realizar un patrón de repetición o mosaico de imágenes en el elemento Canvas del HTML5, lo que se conoce en inglés como Pattern. Los patrones de repetición o patterns son muy utilizados en el diseño web. HTML los tiene y CSS por supuesto que también. Todos los habremos usado en cantidad de ocasiones, para conseguir la repetición de una imagen que colocamos como fondo de una página o de cualquier otro elemento de una web. El componente Canvas del HTML 5 también tiene…

Leer más