A mi me ha resultado interesantísima.

Artículos Relacionados

• Ajax (II): Unión de tecnologías
• Draggable: Plugin de CRaZy TeaM para JQuery
• JSON. Otra forma de hacer Ajax en la Web

El mensaje se produce cuando se establece una conexión por https y se produce alguna conexión por http. Al estar en una zona segura (https) y cargar cualquier elemento de una zona no segura (http), aparece ese mensaje. Da igual que se esté cargando un css, un js o una imagen, todo lo que va por https tiene que cargarse desde el mismo dominio por https. También se puede hacer una petición a otro dominio siempre y cuando sea por protocolo https y sea un dominio de confianza con certificado de seguridad.

Como en nuestro proyecto estamos haciendo una migración por pasos y tenemos que hacer que parte de lo antiguo funcione con lo nuevo, los ajax que se hacían antes por frames los estamos simulando por un iframe, y ahí viene el problemilla. Cuando cargaba el iframe daba un error de seguridad. El src del iframe lo dejábamos vacío porque luego lo cambiábamos o lanzábamos un formulario por ahí para simular el Ajax. La solución era crear un html vacío, el clásico blank.html, y crear diréctamente el iframe con el src=”/blank.html”. Con eso ya las conexiones por el iframe van siempre por el protocolo https y por el dominio y ya no nos saldrá ese error.

Fue chungo descubrirlo, pero cuando lo descubrimos queríamos darnos capones por no hacerlo como realmente se tiene que hacer… en fin, problema solucionado ^_^

No hay artículos relacionados. Echa un ojo a estos:

• Cosa de unos voltios
• Google ordena 1TeraByte en 68 segundos
• Iniciar una aplicación cuando arranca el PocketPC
• Persistencia (I): Hibernate básico
• Transparencias en C# Compact Framework

Este tipo de respuestas al usuario no le afectan puesto que continúa  hacia la página correcta que se le indica en otra cabecera

¿Qué motivos pueden existir para hacer una redirección tipo 301 o 302?

El principal, yo creo, que es el SEO. Con una redirección 302 estás diciendo a la araña del buscador que de momento ese contenido está en otra url, pero que volverá a estar en un periodo corto de tiempo. Si le indicamos que es una redirección 301 estamos diciendo que tiene que actualizar todas las referencias a nuestra URL en su base de datos a las nuevas, pero guardando todo lo que ya tienen.

Aplicaciones de las redirecciones tipo 301 y 302

Si por ejemplo tienes un dominio: www.perico.es.kz, por ejemplo, y consigues comprar www.perico.com, podrías hacer una redirección 301 en www.perico.es.kz añadiendo como destino www.perico.com.

Con esto se conseguiría, o al menos en teoría, guardar todo el pagerank que hayas podido acumular, todas las indexaciones que los buscadores te hayan hecho y todo el resto de información que concierne a tu web en esos buscadores.

El código más simple para hacer una redirección de este tipo en php sería:

y se colocaría en el index.php de www.perico.es.kz.

En mi caso yo he hecho otro uso de estas cabeceras. Yo tengo un blog en el dominio www.elblogmasabsurdo.es, pero compre el dominio www.elblogmasabsurdo.com y lo que hago es redirigir el tráfico del .com al .es. Se podría hacer de muchas maneras, desde haciendo un forward desde el index.php del dominio .com al dominio .es, programarlo por javascript o incluso en el .htaccess del apache, pero la solución de las cabeceras me parece la más limpia y rápida de todas

No hay artículos relacionados. Echa un ojo a estos:

• Addons útiles para WoW
• Uso de filtros en Java
• Copias de seguridad: Subir ficheros por FTP en un Shell Script
• La importancia de los títulos de los Post
• Cosa de unos voltios

Viendo utilidad por utilidad he llegado a la última y me he llevado una buena sorpresa al leer “Accesibility View”.

Búsqueda de XML accesible

Por lo que he podido investigar así rápidamente tiene estas características:

• Se puede navegar por los resultados con el teclado, con los mismos atajos de teclado que Google Reader o que Gmail.
• Se amplia el resultado que se está viendo magnificándose el texto y cambiando el fondo
• Si se utiliza un lector de pantalla de navegador o un screen reader, la información se irá hablando automáticamente a medida que se vaya navegando.
• Se basa en un parametro url: &esrch=Axs

• Código que parece accesible (sin tantas tablas como antes)

• Los atajos de teclado de esta utilidad de google son los siguientes:

Yo, que me dedico a esto de la programación web y me interesa bastante los estándares web y la accesibilidad, no lo conocía y me parece una herramienta simple pero bastante interesante.

No hay artículos relacionados. Echa un ojo a estos:

• Addons útiles para WoW
• Cómo gestionar el cacheo de un servidor web
• Alternate, unos impresentables
• Ejemplo LINQ con XML
• Uso de filtros en Java

Me parece una lectura a tener en cuenta, sobre todo lo de cargar la librería desde Google Code.

Yo soy un fan de JQuery. Me parece una librería javascript increible, y sobre todo por su curva de aprendizaje con los selectores y sus métodos. Sinceramente fabulosa y cada día estoy más encantado con esta librería.

No hay artículos relacionados. Echa un ojo a estos:

• Repintar componentes Swing inmediatamente
• Mis primeros pasos en Flex y Action Script 3
• Cómo gestionar el cacheo de un servidor web
• Ajax (I): Introducción y orígenes
• Ejemplo LINQ con XML

Googleando encontré en el blog de seo-experts-blog una ‘megarecopilación’ de plantillas de css. Prácticamente todos ellos gratuitos. Dentro de estos me parecieron interesantes fueron:

• Una recopilación en Arcsin Web Templates. Tienen temas para web, temas para joomla, temas para wordpress, temas para blogger y temas profesionales (de pago). Bastente completo y bastante originales algunos.
• La web de Openwebdesign.org en la que también hay multitud de temas. Y lo que me parece interesante es que tiene un flitro de temas según el doctype, css, color, …
• Solucija. Una empresa dedicada a la arquitectura de información el diseño web y los estándares. Aquí está su colección de temas web gratis.
• La web de wordpress.org, que aunque la veo todas las semanas por si hay alguna novedad, tiene muchos diseños para wordpress y muy interesantes. Únicamente son para Wordpress

Además, Googleando también he encontrado la web freecsstemplates.org con muchísimos temas. Unos temas gratuitos y otros temas de pago, 132 temas para wordpress, y mucho más…, que aunque son web distintas pero parecen ser del mismo grupo.

Artículos Relacionados

• Framework para menús deplegables con CSS

Tecnologías para Ajax

Como bien se dijo, Ajax no es una tecnología en sí, sino una unión de tecnologías con el fin de crear una mejor experiencia de usuario. Estas tecnologías son:

• XHTML y CSS basada en estándares.
• DOM para la interacción dinámica con el documento.
• XML, JSON,…, para el intercambio de datos con el servidor.
• XMLHttpRequest establecer el canal de comunicación entre el cliente y el servidor.
• Javascript para tratar el fichero (XML, JSON) del servidor, tratarlo e incluirlo por DOM a la página.

Figura 2.1. Tecnologías que agrupan el concepto Ajax

Como bien se ve en la figura 2.1, Javascript es el puente entre las comunicaciones y la presentación.

Modelo tradicional vs Modelo Ajax

El proceso en las web tradicionales era:

1. El usuario pide una página a un servidor,
2. El servidor le devuelve la página que pidió al usuario,
3. El usuario interactúa con los datos de la página (formularios, tablas, …),
4. El usuario realiza una acción (ejecutar un href, un formulario, …),
5. El servidor procesa los datos que introdujo el usuario y calcula la respuesta,
6. Y el servidor devuelve otra página completa con los nuevos datos al usuario.

Figura 2.2. Comparativa entre el modelo clásico y el modelo Ajax

Como se ve en la Figura 2.2, la gran diferencia que existe entre el modelo clásico web y el modelo Ajax Web es lo que envía el servidor. En el modelo clásico envía la página completa con las hojas de estilo, los javascript asociados, las imágenes y los componentes que necesite esa página. En el modelo Ajax lo único que envía el servidor son los datos que necesitan ser refrescados al cliente.

Las dos mayores ventajas son:

1. No hay que refrescar la página del cliente para mostrar nuevos datos
2. Se reduce bastante la transferencia del servidor

Figura 2.3. Comparativa de sincronización entre el modelo clásico y el modelo Ajax

En el modelo tradicional el que hace la petición es el navegador, en el modelo actual la petición HTTP la hace Javascript.

Fuentes e Imágenes obtenidas de:

1. Artículo en adaptative path de Jesse James Garret
2. Capítulo 1 del libro de Ajax en librosweb.es

Artículos Relacionados

• JSON. Otra forma de hacer Ajax en la Web
• Ajax (I): Introducción y orígenes
• Draggable: Plugin de CRaZy TeaM para JQuery
• Escribiendo código javascript eficiente
• Framework para menús deplegables con CSS

La definición que da la wikipedia es la siguiente:

Ajax (Asynchronous JavaScript And XML) (JavaScript asíncrono y XML) es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones.

Es una buena definición, pero no es una definición que a mi me guste del todo. Yo prefiero la definición que dió Jesse James Garret en su artículo Ajax: a new approach to web applications (Ajax: una nueva aproximación a las aplicaciones Web). En el artículo dice que Ajax no es una tecnología en sí misma, sino que, en realidad, se trata de varias tecnologías independientes que se unen de formas nuevas y sorprendentes.

Historia de Ajax

Desde hacía ya tiempo que se hacían comunicaciones asíncronas en aplicaciones web. En 1996 con Internet Explorer 3 utilizando el frame oculto o en 1997 con Netscape 4 utilizando el elemento layer. Las dos capas tenían un atributo src que permitía cargar una dirección con un contentenido HTML y código javascript con la lógica necesaria para tratar esos datos e introducirlos en la la página por medio de DOM.

Microsoft, en 1998, revolucionó la técnica de los frames y los layer (para ser claros, útil pero algo ‘chapucera’) cuando presentó Script Remoting. Una solución bastante más elegante que utilizaba un applet de Java para realizar estas comunicaciones asíncronas. Lo aplicó de forma muy efectiva en el Outlook Web Access que venía con la versión 2000 del Microsoft Exchange Server.

Después de esto, una comunidad de desarrolladores Web comenzó a construir una librería JSRS con la finalidad de que funcionase en varios navegadores desde el año 2000 hasta el 2002, año en el que se convirtió en el elemento XMLHttpRequest que utilizamos actualmente.

El nombre de Ajax no le vino hasta que en febrero de 2005 Jesse James Garret publicase un artículo, que enlacé antes, llamándo a esta unión de tecnologías como Ajax.

Artículos Relacionados

• Ajax (II): Unión de tecnologías
• JSON. Otra forma de hacer Ajax en la Web

La web concretamente es http://www.lwis.net/free-css-drop-down-menu/

Los menús son del estilo de las siguiente imágenes:

Además, por lo que he podido leer y traducir en esta página, cualquiera que sepa CSS puede dar su propio estilo. También he mirado el código fuente y da gusto verlo todo tan limpio y estructurado. Chapó para el autor. Yo creo que 10-15 minutos son los que pueden llevar para dar un nuevo estilo.

Un recurso a tener en cuenta.

Artículos Relacionados

• Recopilación de plantillas CSS
• Ajax (II): Unión de tecnologías
• Draggable: Plugin de CRaZy TeaM para JQuery
• JSON. Otra forma de hacer Ajax en la Web
• Posición X e Y de un elemento HTML en la pantalla

Desde CRaZy TeaM hemos preparado un plugin para convertir una capa (posicionada en relativo o en absoluto por CSS) se pueda arrastrar por la pantalla.

PAra convertirla en draggable únicamente hay que hacer lo siguiente

El código fuente de draggable se podría descargar de nuestro servidor

Artículos Relacionados

• Ajax (II): Unión de tecnologías
• JSON. Otra forma de hacer Ajax en la Web
• Escribiendo código javascript eficiente
• Framework para menús deplegables con CSS
• Posición X e Y de un elemento HTML en la pantalla