DOMSlides

domslides.gif Supongo que S5, el sistema para realizar presentaciones basado en estándares desarrollado por Eric Meyer, es ya un viejo conocido.

He de confesar que no lo he utilizado nunca. Y seguramente jamás llegue a hacerlo: me parece que es como matar moscas a cañonazos (Si no te gusta Powerpoint, puedes realizar presentaciones con OpenOffice o hacer un bonito PDF).

Pues bien, hace unas semanas que estamos trabajando con otro sistema, basado también en XHTML, CSS y javascript, que nos permite generar la presentación a partir de un solo documento:

DOMSlides de Christian Heilmann, ligero y grácil cual felino. Y sino, compruébalo navegando por la demo.

Share Button

Identifica la fuente

Hagamos un recordatorio de dos servicios web, dos, que están recibiendo en los últimos meses el favor de muchos y que nos permitirá ganar un tiempo valiosísimo:

  • Identifont, nos permite identificar una fuente respondiendo a una serie de cuestiones relativas a la forma de los caracteres.
  • WhatTheFont?!, va más allá: subimos una imagen al servidor y el software la analiza e identifica la fuente.

Aunque no siempre dan en el clavo, son unos servicios la mar de útiles.

PD: La fuente del logo de Sentido Web, es: Lunatix de Emigre.

Share Button

links for 2006-04-01

Share Button

Llamadas remotas con AJAX

Una de las limitaciones más importantes que tiene el trabajar con procedimientos AJAX es la imposibilidad de realizar llamadas a dominios externos, es decir, solo podemos acceder a la información alojada en el mismo dominio donde se ejecuta el script. Realmente no es una limitación de la función XMLHttpRequest, el problema está en que la mayoría de los navegadores actuales limitan este tipo de procesos por considerarlos un problema de seguridad, también conocido como remote scripting. Como solución al problema, podemos aplicar tres técnicas, 1. Utilizar un script como proxy 2. Utilizar Apache como proxy 3. Utilizar un script que realize una llamada a un proxy Cada una de estas soluciones tiene sus pros y sus contras, aunque personalmente creo que la primera opción es la que más posibilidades ofrece, ya que podemos utilizar cualquier lenguaje para programar una aplicación que realize la llamada remota bajo demanda. [On-Demand Javascript - Ajax Patterns][1] Vía / [XML.com][2] [1]: http://ajaxpatterns.org/On-Demand_Javascript [2]: http://www.xml.com/pub/a/2005/11/09/fixing-ajax-xmlhttprequest-considered-harmful.html
Share Button

links for 2006-03-31 (II)

Share Button

Márgenes redondeados mediante CSS

borde-redondo.gif Seguimos con bordes redondeados. Siempre que añadimos imágenes en nuestra página web, el texto cuando se ordena alrededor de ella lo hace tomándola como una caja, lógicamente, porque es así su forma real. Pero, ¿qué pasa cuándo la imagen tiene transparencias y tiene un contorno no recto?, pues que da igual, sigue tomándolo como una caja. En estos casos, el efecto que causa es un poco feo, ya que queda mucho espacio sobrante. En publicaciones de prensa, sobre todo en revistas, muchas veces aparece la imagen de un personaje y el texto se ordena según la figura de la persona. Aunque en prensa usan un diseño estático e introducen saltos de línea cuando les interesa, el efecto que crean es de mucha vistosidad. Si estás interesado en esta forma de presentación, puedes ver en couchfort cómo lo hacen. Debido a que la explicación quizás no sea suficiente para algunas personas, en Sentido Web vamos a incluir un howto que explique cómo hacerlo paso a paso. Vía / del.icio.us
Share Button

Protege tus imágenes con Apache

Una de las cosas más molestas con las que te puedes encontrar al mantener un sitio, es ver cómo tus imágenes estan siendo utilizadas en otros sitios que las enlazan directamente a tu servidor, esto es molesto por dos motivos, evidentemente el uso de material gráfico de tu propiedad sin tu consentimiento, y la carga extra que sufre la conexión de tu página. Para los que usamos Apache existe una fácil solución combinándolo con mod_rewrite, el método se basa en crear un fichero .htaccess que contenga una serie de reglas, que literalmente le indicarán al servidor que las imágenes solo se mostrarán si la petición viene del dominio propio. Las reglas a añadir son las siguientes. Solo tendrás que sustituir el texto example.com por el nombre de tu dominio:
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^https?://(www\.)?example.com/?.*$ [NC]
RewriteRule \.(gif|jpg|jpeg|png|mp3|mpg|avi|mov)$ - [F,NC]
Share Button

Del.icio.us como posts en tu blog. Los breves de toda la vida

delicious-firefox.png Que las nanopublicaciones están desempeñando la misma función que las revistas en papel, no es nada nuevo. Hasta en el formato. La sección de breves de toda la vida es posible gracias al daily blog posting de Del.icio.us accesible desde las settings de tu cuenta. Lástima que con Movable Type 3.2 solo deje publicar con el nombre de autor del sistema ya que hace falta la contraseña de acceso remoto (API) pero los quicklinks los recopilaremos Luis, Gabriel y yo. Aún estamos dudando de si los metemos a primera hora en plan resumen de prensa o de si haremos que trabaje varias veces al día ya que el ritmo de información útil es incesante. Si usas Movable Type, en William Computer blog cuentan paso a paso cómo hacerlo. Lo único que tendrás que ignorar si usas la 3.2 es cuando escribe: “out_pass: your mt password” ya que como decíamos ahí tendrás que poner la contraseña de acceso remoto (API) que es la última contraseña que verás en tu perfil de autor de Movable Type. Recuerda, solo se te revelará si eres el administrador de MT. En VivirLatino lo venimos usando desde hace varias semanas al igual que tantos otros sitios. Para los usuarios de WordPress es casi idéntico como explican en Cosas por hacer. Para los más tuneros: Yet Another DailyDelicious hack for WordPress. Eso sí, sea el CMS que uses, utiliza la extensión de Firefox. Sin ella no sería todo tan rápido y productivo. Solo le pondría un pero. Cuando se tiene varias cuentas en Del.icio.us es muy engorroso el proceso de cambiar. Te tendría que dar la opción de que elijeras en qué cuenta decides guardar la URL.
Share Button

Instala tu propia Wikipedia

WikipediaWikipedia, para aquellos que no la conozcan, es una enciclopedia libre escrita de forma colaborativa, que usa la tecnología wiki. Está realizada mediante el software llamado MediaWiki, creado especialmente para Wikipedia, el cual podemos instalarnos en nuestro sitio web. Los requerimientos mínimos son: Apache, PHP, MySQL y el propio MediaWiki. Yo recomiendo, al igual que en Lifehacker, el uso de WAMP Server, para instalar Apache, PHP y MySQL de forma sencilla, yo es el que uso para mis cosas y es muy sencillo y va muy bien, a parte incluye un gestor de BD para facilitar la tarea. Puedes ver el resto de la explicación de como instalar tu propia Wikipedia en Lifehacker, está bastante bien explicado, paso a paso, lo cual se agradece mucho. Vía / Lifehacker
Share Button

links for 2006-03-31

Share Button