En esta entrega del Taller de jQuery os presentamos una aplicación sencilla para cambiar la hoja de estilos que una página está leyendo. Con ello cambiará totalmente la presentación de una web para que pase a mostrar unos estilos diferentes, definidos por otro archivo CSS. Como verás, se trata de un truco bien sencillo…
Leer másCada vez son más las páginas web creadas con HTML5 y que utilizan la etiqueta video de HTML5 para mostrar los vídeos. Pero, ¿qué sucede con los navegadores web que no saben interpretar todavía esta etiqueta? Pues que no pueden visualizar el vídeo. En este artículo vamos a ver cómo podemos modificar el código HTML de nuestra web, de modo que utilice diferentes versiones del vídeo según el navegador y que en caso de que no dé soporte a la etiqueta video de HTML5 muestre la alternativa en Flash. FORMATOS…
Leer másDefinición Establece algunas o todas las propiedades de todos los perfiles de los elementos Valorespermitidos Alguno o todos los siguientes valores y en cualquier orden: outline-color outline-style outline-width Valor inicial Cada propiedad define su propio valor por defecto Se aplica a Todos los elementos Válida en medios visuales, interactive Se hereda no Definición enel estándar w3.org/TR/CSS21/ui.html#propdef-outline La propiedad outline es una de las «propiedades shorthand» que define CSS y que se utilizan para establecer de forma abreviada el valor de una o más propiedades individuales. En este caso, se utiliza para establecer el mismo…
Leer másEn este artículo vamos a aprender a hacer un campo de búsqueda similar al que tenemos aquí en la barra lateral. El campo de búsqueda es uno de los elementos más importantes para la usabilidad, ya que permite encontrar fácilmente aquello que se anda buscando. En este tutorial veremos como crear un campo de búsqueda a partir de pseudo elementos de CSS3. El resultado final será este campo de búsqueda: Código HTML: 1 <form id=»searchform»> 2 <input type=»text» placeholder=»Buscar aquí…» required> 3 <button type=»submit»>Buscar</button> 4 </form> Código CSS3: 01 #searchform { 02 width: 280px; 03 height:30px;…
Leer másLas páginas XHTML se dividen en dos partes denominadas cabecera y cuerpo. La sección de la cabecera está formada por todas las etiquetas encerradas por la etiqueta <head>: Etiqueta <head> Atributos comunes internacionalización Atributos propios profile = «url» – Especifica la URL del perfil o perfiles que utilizan los metadatos lang = «codigo_de_idioma» – Especifica el idioma principal de los contenidos de la página Tipo de elemento – Descripción Define la cabecera del documento HTML La cabecera típica de una página HTML completa presenta la siguiente estructura: <head> <!– Zona de etiquetas META…
Leer másWordPress es un sistema gestor de contenidos (CMS) muy popular, prueba de ello es que uno de cada siete sitios web que hay en la red se ejecutan bajo WordPress. Muchas veces es conveniente hacer una instalación de WordPress en nuestro ordenador para poder crear o modificar un tema. Así tenemos la tranquilidad que sólo nosotros vemos los cambios que se van realizando. WordPress requiere de un servidor local para funcionar, pues se ejecuta bajo PHP que es un lenguaje de servidor. En este tutorial veremos todos los pasos a…
Leer másUn ejemplo de uso de Mootools para recopilar. Crear un textarea que cuenta los caracteres que se han escrito por el usuario. Ha llegado el momento de revisar todos los conocimientos adquiridos hasta el momento en el manual de Mootools. Hemos visto bastantes cosas ya sobre el manejo de este framework Javascript, así que estamos en disposición de crear un primer ejemplo que explota muchas de las funcionalidades que estamos aprendiendo. Este ejemplo nos dará una visión más global sobre el buen uso de Mootools y su potencia, a la vez…
Leer másEn general, la mayoría de las bases de datos poseen potentes editores de bases que permiten la creación rápida y sencilla de cualquier tipo de tabla con cualquier tipo de formato. Sin embargo, una vez la base de datos está alojada en el servidor, puede darse el caso de que queramos introducir una nueva tabla ya sea con carácter temporal (para gestionar un carrito de compra por ejemplo) o bien permanente por necesidades concretas de nuestra aplicación. En estos casos, podemos, a partir de una sentencia SQL, crear la tabla…
Leer másEn el Taller de jQuery os tenemos acostumbrados a explicar cómo realizar diversos efectos y componentes para páginas web, pero en este caso no vamos a contaros cómo realizar un plugin, sino como utilizar uno que ya está publicado. Este plugin que vamos a tratar, llamado jQuery lightBox, sirve para hacer una caja modal, en la que se presenta una imagen, oscureciendo el resto de la página, para que resalte aun más. El usuario podrá ver la imagen de cualquier tamaño en una capa que se superpone al contenido de la web…
Leer másHa llegado el momento de hacer una primera aproximación a Ajax, en la serie de artículos que estamos publicando en DesarrolloWeb.com para mostrar el uso de este framework (léase el Manual de jQuery). Una de las ventajas de los frameworks Javascript es que nos permiten desarrollar scripts que hacen uso de Ajax de una manera muy fácil y encima, sin tener que complicarnos la vida con la compatibilidad entre distintos navegadores. Sin duda, cualquier persona que sepa un poco de Javascript, podría en poco tiempo empezar a utilizar Ajax con alguno de estos…
Leer más