Múltiples imágenes de fondo con CSS3

Múltiples imágenes de fondo con CSS3 Cómo conseguir que un elemento de la página tenga varias imágenes de fondo a la vez, con CSS básico y con características de CSS 3. Con el atributo background-image podemos conseguir que un elemento de la página tenga un fondo de imagen. Esto debemos saberlo, puesto que es algo básico de las hojas de estilo en cascada (CSS). Una de las nuevas características de CSS 3 consiste en la posibilidad de declarar varios fondos de imagen a un elemento de la página. Lo que…

Leer más

Etiquetas semánticas del HTML5

Etiquetas semánticas del HTML 5   En el presente segmento vamos a explicar con mayor profundidad qué son las etiquetas semánticas y por qué deben ser utilizadas para mejorar la creación de un documento web. Veremos el conjunto de etiquetas semánticas que sirven para definir la estructura de un sitio y cómo nos pueden ayudar a que nuestra página sea indexada con mayor exactitud por los motores de búsqueda.     Qué son etiquetas semánticas.   Semántica: Perteneciente o relativo a la significación de las palabras. Esa es la definición…

Leer más

Animaciones en CSS3

Animaciones en CSS3 Las animaciones CSS nos permiten realizar efectos que hasta ahora estaban sólo disponibles con otros tipos de tecnologías. Veremos los principales aspectos a conocer sobre las animaciones CSS 3. Como todos posiblemente sepamos, hasta el momento, las animaciones en las páginas web siempre se tenían que realizar utilizando diversas tecnologías accesorias, más allá del simple HTML o CSS. El primer sistema que alcanzó gran popularidad para realizar una animación de elementos bastante fluida y espectacular fue la tecnología Flash y luego le acompañaron algunos otros sistemas como…

Leer más

¿Cómo leer la estructura de WordPress?

¿Cómo leer la estructura de WordPress?   Internamente WordPress se compone de los siguientes ficheros y carpetas:   wp‐config.php: fichero de configuración. Aquí está almacenado el usuario y el nombre de la base de datos, así como otros datos de seguridad. Es importante que este fichero no tenga lectura más que por el owner del mismo. Este fichero no se machaca con las actualizaciones de WP.   wp‐admin y wp‐includes: carpetas que guardan los ficheros php que hacen que funcione el blog. Ambas carpetas se machacan con las actualizaciones  …

Leer más

¿Qué es jQuery?

¿Qué es jQuery?   Es una librería javascript que facilita el desarrollo de ciertos componentes de manera dinámica. A su vez se considera un framework javascript por ser una extensión de este, poseer su propio lenguaje de programación, funciones y etiquetas propias   Ventajas Es ligero en comparación con otros marcos de javascript. Compatibilidad con todos los navegadores sin necesidad de instalar extensiones Tiene una amplia gama de plugins disponibles para las diversas necesidades específicas. Desventajas   Se podría poner lento al usar muchos plugins jQuery no te permitirá subir,…

Leer más

Definición de Eventos en JavaScript

Definición de Eventos en JavaScript   Los eventos son la manera que tenemos en Javascript de controlar las acciones de los visitantes y definir un comportamiento de la página cuando se produzcan.   Cuando un usuario visita una página web e interactúa con ella se producen los eventos y con Javascript podemos definir qué queremos que ocurra cuando se produzcan.   Con javascript podemos definir qué es lo que pasa cuando se produce un evento como podría ser que un usuario pulse sobre un botón, edite un campo de texto o…

Leer más

MÉTODOS DE WINDOW EN JAVASCRIPT

MÉTODOS DE WINDOW EN JAVASCRIPT   El objeto window de Javascript tiene a disposición de los programadores una larga lista de métodos.   alert(texto) Presenta una ventana de alerta donde se puede leer el texto que recibe por parámetro   back()   Ir una página atrás en el historial de páginas visitadas. Funciona como el botón   de volver de la barra de herramientas. (Javascript 1.2)   blur() Quitar el foco de la ventana actual. (Javascript 1.1)   captureEvents(eventos) Captura los eventos que se indiquen por parámetro (Javascript 1.2).  …

Leer más

La página de funciones de WordPress

La página de funciones de WordPress   Al añadir el submenú hemos especificado un parámetro como ‘miplugin_pagina_de_opciones’. Esta es la función que se ejecutará al acceder a nuestro submenú. Así que vamos a definirla; en realidad, esta función lo que va a hacer es mostrar un formulario HTML…     function miplugin_pagina_de_opciones(){ ?> <div class=’wrap’><h2>Opciones de mi sitio</h2></div>   <form method=’post’> <input type=’hidden’ name=’action’ value=’salvaropciones’> <table> <tr> <td> <label for=’telefono’>Telefono</label> </td> <td> <input type=’text’ name=’telefono’ id=’telefono’ > </td> </tr> <tr> <td> <label for=’direccion’>Dirección</label> </td> <td> <input type=’text’ name=’direccion’ id=’direccion’ >…

Leer más

Elección de Selectores en JQuery

Elección de Selectores en JQuery La elección de buenos selectores es un punto importante cuando se desea mejorar el rendimiento del código. Una pequeña especificidad — por ejemplo, incluir el tipo de elemento (como div) cuando se realiza una selección por el nombre de clase — puede ayudar bastante. Por eso, es recomendable darle algunas “pistas” a jQuery sobre en que lugar del documento puede encontrar lo que desea seleccionar. Por otro lado, demasiada especificidad puede ser perjudicial. Un selector como #miTabla thead tr th.especial es un exceso, lo mejor…

Leer más

Degradados con CSS 3

Degradados con CSS 3   Presentación de las características de los degradados con CSS3, que permiten hacer todo tipo de gradientes sin necesidad de usar imágenes.   Los degradados son uno de los recursos que utilizan los diseñadores para decorar las webs y la verdad es que dan mucho juego para mejorar el aspecto de la página. No obstante, hasta la llegada de CSS 3, también tenían una desventaja importante, ya que para implementarlos necesitábamos usar imágenes como fondo de los elementos. Ello tiene algunas desventajas, como una mayor carga…

Leer más