
QUÉ ES XML?
XML es un formato de almacenamiento de datos que no define qué datos o qué estructura de datos se quiere almacenar. XML sólo define etiquetas y atributos de las etiquetas.
Una etiqueta correcta en XML sería la siguiente:
XML:
-
<name>Jack Herrington</name>
La etiqueta sólo contiene el texto: Jack Herrington. También podemos encontrar etiquetas vacías como son el caso de estas:
...Leer más...
Entradas relacionadas
Categorías: Programación web
Tags: DOM · DOMDocument · PHP · XML
¡Hola! ¿Necesitas un formulario de contacto en tu web y no sabes cómo crearlo? Continúa leyendo y quizá tengas suerte. Un formulario de contacto es muy útil para que tus visitantes se pongan en contacto contigo. En este tutorial te ayudaré a crear tu propio formulario de contacto utilizando PHP y jQuery.
Empecemos por lo básico. Lo único necesario es una página que contendrá tanto el código HTML del formulario, como el PHP para procesarlo y el jQuery para la validación del lado del cliente.
...Leer más...
Entradas relacionadas
Categorías: Programación web
Tags: Ajax · HTML · Javascript · JQUERY
Mark Pilgrim, de Google, nos hace un resumen en su blog The WHATWG Blog de las características principales del nuevo elemento (etiqueta) de HTML 5 datagrid:

"En el modelo de datos de datagrid los datos se estructuran como un conjunto de filas representando un árbol, cada una de las cuales se dividide en un número de columnas. Las columnas están siempre presentes en el modelo de datos, aunque en la presentación pueden ser ocultadas individualmente.
...Leer más...
Entradas relacionadas
Categorías: Programación web
Tags: HTML · Web
Hace poco encontré por internet este atractivo ejemplo con animación de imágenes llamado BySlideMenu.
BySlideMenu es un plugin para Mootools que le permiten crear fácilmente un hermoso menú en forma de acordeón (menú deslizante) en cualquier elemento que usted desee (ul / li, p, p ...) mediante la utilización de imágenes y / o texto.
Características
- Funciona de forma horizontal o verticalmente.
- La anchura y la altura se puede ajustar automáticamente.
- Menú es expansible por mouseover o por clic como más lo desee.
- Menú puede ser depositado o no.
- Se puede definir un índice por defecto
- Se puede utilizar con todos los elementos (ul / li, p, p. ..)
...Leer más...
Entradas relacionadas
Categorías: Librerías, Programación web
Tags: animacion · Efecto · HTML · imagen · Javascript · Librerías · Mootools
Este artículo es la segunda parte de la traducción del tutorial sobre cómo crear un blog utilizando el framework de PHP Kohana.
Algunos enlaces útiles son:
Vamos allá!!
...Leer más...
Entradas relacionadas
Categorías: Programación web
Tags: Blog · Framework · Kohana · PHP
Hace tiempo, para uno de mis proyectos, necesité un menú horizontal desplegable con "sub-menus" en JavaScript, que fuera rápido de instalar y que tuviera un código-fuente limpio. Por suerte, tarde poco en encontrar este atractivo ejemplo que cumple con todas estas necesidades.
Su creador lo ha llamado DROPPY y para su funcionamiento necesita una de las mejores librerías en javascript que existen en el mundo, cómo no! JQUERY

La instalación es muy sencilla, por un lado creamos el menú en html, utilizando la etiqueta ul, cómo muestra el siguiente código:
...Leer más...
Entradas relacionadas
Categorías: Librerías
Tags: HTML · Javascript · JQUERY · Librerías

Kohana es un framework libre de PHP basado en CodeIgniter que implementa el patrón Modelo Vista Controlador (MVC) y cuyos principales objetivos son seguridad, ligereza y facilidad de uso.
Este artículo es la traducción libre de la primera parte de uno de sus tutoriales, ya que no he encontrado mucha documentación sobre Kohana en castellano. El artículo original, puede encontrarse aquí.
Características:
- Nivel de dificultad: medio.
- Versión de Kohana: 2.1 o superior.
- Módulos necesarios: Formation (opcional).
El objetivo de este tutorial de creación de un blog es el mismo que el de la mayoría de los tutoriales de blogs: enseñar a programar un blog. Tendrá posts y comentarios, pero en esta primera parte sólo se van a tratar los primeros. La segunda parte, se encargará de los comentarios y de su relación con los post.
...Leer más...
Entradas relacionadas
Categorías: Programación web
Tags: Blog · Framework · Kohana · PHP
Pese a que PHP es gratuito, es muy difícil encontrar un buen IDE en el que programar que también lo sea. Zend Studio sería sin duda la opción perfecta para la mayoría, si no fuera porque no es gratuito. En este artículo voy a explicar como poner en marcha un IDE con prestaciones similares a éste, pero completamente gratuito. ¿Cómo es posible? Pes de la mano del todopoderoso Eclipse.
El sistema cuenta con 5 componentes:
- Eclipse: IDE de programación muy famoso en el mundo del software libre por su potencia y, sobretodo, por su versatilidad, que permite, pese a estar inicialmente pensado para programar en Java, elaborar plugins específicos que permiten extenderlo a cualquier otro lenguaje. Su único incoveniente es justamente que está programado en Java, lo que a veces hace que sea lento y que consuma mucha memoria. Para la mayoría, sus ventajas suplen con creces sus inconvenientes.
- PHP Development Tools (PDT): Se trata de una extensión de Eclipse echa específicamente para programar en PHP. Ofrece resaltado de sintaxis, autocompletado, asistente para el código, plantillas y en definitiva todo aquello que debe tener un buen editor de programación moderno.
- Dependencias: Son una serie de plugins de Eclipse que deben ser instalados para que el PDT funcione correctamente. Puede verse una lista aquí, justo en "Latest Releases"->"Built Dependencies".
- Debugger: Será necesario si se desea depurar el código PHP. Actualmente se soportan 2 depuradores, el Zend Debugger, que es el "oficial"; y el XDebug, un debuger de PHP gratuito.
- PHPDocumentor: Se trata de un script en PHP para generar documentar código PHP similar a JavaDoc. Se le conoce simplemente como PHPDoc.
...Leer más...
Entradas relacionadas
Categorías: Informática, Programación web
Tags: Eclipse · PHP · PHPDoc
Uno de los problemas que nos aparecen cuando maquetamos código HTML, es la diversidad de navegadores web que disponemos hoy en día para interpretar el lenguaje HTML. El principal problema en el que nos enfrentamos es que no todas estas aplicaciones web cumplen con el estándar marcado por la w3c. Cosa que impide muchísimo hacer una maquetación por igual para todos estos tipos de navegadores.
Sobre todo cuando hablamos de Internet Explorer y sus versiones antiguas, más de uno, os habréis dado cuenta que a la hora de hacer una web utilizando el uso estricto, en versiones posteriores a la actual de IE, la forma en la que debería aparecer el diseño es diferente y por este motivo nos vemos obligados a maquetar en uso inapropiado.
Suerte que a partir de la versión 5 de IE, Internet Explorer estrena lo que llamamos comentarios condicionales. Se trata de nuevas etiquetas html que al insertarlo en el código html se llegan a interpretar por los navegadores IE superiores a la versión 5. Esta interpretación puede intervenir en el control del flujo, como si de condiciones “if” se tratase.
LISTA DE COMENTARIOS CONDICIONALES
...Leer más...
Entradas relacionadas
Categorías: Programación web
Tags: Comentarios condicionales · HTML · IE · Internet
Voy a tratar de explicar cómo podemos cargar imágenes de nuestro servidor al cliente web utilizando la tecnología de ajax, es decir, sin recargar la página y haciendo que la espera sea más llevadera.
Imaginemos ahora que en nuestra web, tenemos un apartado de galería de imágenes, donde disponemos de muchas imágenes que queremos mostrar a nuestros visitantes. Una forma sencilla de hacer esta galería, sería utilizando la tecnologia de ajax, ya que dispone de varias ventajas:
- Cambiar de imágenes sin recargar la página web.
- Añadir un loading mientras se carga la imagen.
La siguiente imagen muestra el ejemplo que hemos desarrollado en código fuente:

Para crear este ejemplo sólo vamos a utilizar dos funciones en javascript, la primera es la encargada en crear nuestro objeto XMLHttpRequest, lo cual nos permitirá hacer peticiones en ajax y la segunda función será la encargada en llamar a la imagen utilizando el objeto XMLHttpRequest lo cual permitirá mostrar la imagen en el navegador.
La función encargada de crear el objeto XMLHttpRequest es la siguiente:
...Leer más...
Entradas relacionadas
Categorías: Programación web
Tags: Ajax · Cargador · HTML · imagen · Javascript · XMLHttpRequest