iFrames “camuflados”

Después de algunas pruebas durante el día de ayer, finalmente conseguimos encontrar una solución que consiste en usar iframes, pero camuflandolos como si todo el contenido estuviera en una sóla página.

Esta técnica ofrece la ventaja de poder saltar de páginas normales a páginas con frames sin que tengamos que hace cambios serios en el diseño y ofrecer de esta manera un sitio mucho más consistente, al menos en terminos visuales.

Aquí podéis ver como se ve (no hemos cuidado mucho el código en esta versión, no me sean muy críticos.)

La única complicación existente es la de que los iframes no son capaces de dimensionarse automáticamente (height) en función del contenido que haya en su interior. Eso hemos conseguido corregirlo con un pequeño script que encontramos en Dyn Web.

Aprovechamos para aclarar que si hemos tenido que recurrir a estás técnicas prehistóricas es porque no teníamos más remedio y bueno, si alguien se encuentra en la misma situación en un futuro tal esta técnica le resulte de utilidad.

Finalmente agradecemos mucho el feedback casi inmediato que recibimos ayer, asi da gusto. A partir de ahora tenemos claro que en caso de tener dudas, no tenemos que sentir vergüenza por pedir ayuda y además queda comprobado que puede ser una forma de apreder más y más…

17 comentarios

Regreso al pasado: Trabajar con frames

Creo que hace por lo menos 2 años que no me veo en la necesidad de usar frames para un diseño web y ahora mismo, después de todo ese tiempo, volver a usarlos se convierte en un ejercicio arqueológico.

No voy a entrar a discutir acerca del uso de frames en forma general porque en general es casi una norma evitarlos, pero ciertas circunstancias me fuerzan a usarlos y no puedo entrar a comentar los detalles.

Ahora mismo, el dilema que tenemos es sencillo: nos gustaría centrar los contenidos que están divididos en 2 columnas. Cada columna es un frame distinto.

No queremos usar iFrames porque requieren de scrolls independientes y poco usables.

Las “F” representan los frames y en ambas resoluciones van a tener el mismo ancho.

Tenemos algunas ideas y estamos experimentando, pero bueno, no perdemos nada con probar a preguntar a nuestro lectores: ¿alguien conoce alguna técnica para hacerlo?

22 comentarios

Primer vistazo a Mambo

En las últimas semanas he visto por encima que algunos sitios hablaban de un gestor de contenidos (CMS) llamado Mambo y al final me pudo la curiosidad y nos pusimos a probarlo.

En primer lugar tengo que aclarar que Mambo no es una herramienta específica para crear weblogs sino que se trata de un completo y potente gestor de contenidos diseñado para no tener limitaciones en lo que a capacidades de uso se refiere. Con esto quiero decir, que en principio, usar Mambo para un weblog sencillo (con poca navegación/paginación) es como usar Photoshop solamente para ajustar el tamaño de las imágenes.

Probar Mambo es muy sencillo, no hace falta tener ni siquiera un hosting, ya que existe una versión stand-alone, que te permite ejecutar y probar Mambo en modo local, aunque para aquellos que prefieran instalarlo en su server ya avisamos que los requerimientos son PHP y MySQL.

El funcionamiento de este CMS puede resultar inicialmente un poco confuso para aquellos acostumbrados las herramientas para mantener weblogs. Asi que para ahorrarles un buen rato de investigación les resumimos, en líneas muy generales, como funciona Mambo.

Básicamente, todo está basado en módulos y en su posicionamiento. Los menus, las cajas de registro, las búsquedas y casi cualquier cosa queda guardada en módulos independientes.

En todos los casos tenemos opciones para configurar qué módulos mostrar en qué página, en qué orden y quienes pueden verlo.

Las plantillas pueden parecer un poco complicadas al principio, pero básicamente, lo que se hace es delimitar zonas de forma que realizaremos llamadas a módulos concretos que hayamos clasificado para que se muestren ese lugar de la página en concreto,es decir, si tenemos una página con tres columnas, podemos hacer llamadas a Mambo diciendo: Muéstrame las cosas que estén clasificadas como “columna izquierda”. Mambo llama a esto “posiciones” y puedes crear decenas de posiciones para cada página.

Por ahora sólo tengo una queja importante: El uso de las tablas.

Esto se debe a que los creadores de la herramienta quisieron hacer algo muy accesible, tal vez demasiado, ya que como ellos dicen, en principio no hacen falta conocimientos de HTML para poder usar Mambo y las consecuencias son que ciertos módulos (en especial los menús) se construyen con tablas en vez de usar listas… Error feo (-10 puntos).

Finalmente, Mambo es gratuito, Open Source y hay una comunidad relativamente grande apoyando su crecimiento. Eso quiere decir que es fácil encontrar información interesante en foros y que la gente está enviando muchos “complements” (aka Plugins) que hacen que Mambo sea una de las opciones más potentes en lo que a CMS-Portal-style se refiere (+50 puntos ;)

36 comentarios

The Corporate Weblog Manifesto

Estaba leyendo la última anotación de Isopixel y descubrí Change This.

Se trata de una especie de bitácora colectiva (aunque a ellos no les gusta decirlo) en la que gran parte del contenido está (por desgracia) en PDF y tienen el siguiente objetivo:

We’re on a mission to spread important ideas and change minds.

De las cosas que he estado leyendo, la que más me ha gustado por motivos obvios es el Corporate Weblog Manifesto (en PDF). Una Guía para aquellos que quieran crear un weblog de su empresa o sus productos.

Algunos de sus consejos:

3. Use a human voice

13. If your life is in turmoil and/or you´re unhappy, dont write

16. Never hide information

Para saber los motivos y para leer todos los consejos no se olviden de leer el manifiesto.

3 comentarios

Eyetrack III, consejos de uso

Hace ya unos cuantos días que varios weblogs han estado escribiendo acerca de los resultados de un estudio acerca del comportamiento visual/ocular de los visitantes a una página web.

Sin embargo y tal vez con algo de atraso, me ha parecido interesante dar algunos consejos para aquellos que no sepan muy bien como afrontar las conclusiones del estudio.

En primer lugar hay que tener en cuenta que el estudio se realizo en base a los datos obtenidos después de analizar el comportamiento de sólo 46 personas. Extrapolar estos resultados al universo de visitantes de páginas web no es posible, no sabemos si hay diferencias de comportamiento en función de la cultura (muchas culturas leen de derecha a izquierda), de sexo (por lo general las mujeres tienen una percepción del color más desarrollada que la de los hombres) o de la experiencia del visitante con el medio web.

No obstante puede ser una referencia interesante si tenemos en cuenta un par de detalles:

En ningún momento el estudio establece relaciones entre las zonas más vistas y los clics o al uso del ratón, es decir, no podemos establecer una relación directa del tipo: que las zonas que más se leen y se miran son las zonas donde más se concentran los clics.

Es preferible enfocar los resultados desde la perspectiva de la usabilidad que con fines estéticos y de diseño.

Es recomendable leer todo el estudio y que cada uno saque sus propias conclusiones. Nos vamos a encontrar con afirmaciones del tipo “Larger online images hold the eye longer than smaller images”, que en cierto modo son perogrulladas, es decir, es absolutamente lógico que a más resolución hay más información y por tanto lo natural es que retengan la vista durante más tiempo que imágenes más pequeñas.

Finalmente, si hay que destacar algo del estudio es que te da buenos consejos acerca de donde ubicar la parte más importante de cualquier sitio web, el contenido, ya que todo el estudio se concentra realmente en saber qué y cuánto leen los visitantes.

5 comentarios

Banda ancha, contenidos estrechos

La tendencia actual es la de hacer las páginas cada vez más ligeras y semánticamente correctas. Es más, creo que el peso medio de las páginas no parece evolucionar a la par que la capacidad de descarga que empiezan a tener los visitantes.

¿Acaso sólo estamos buscando velocidad?

Obviamente no creo que tenga información suficiente para responder preguntas al respecto, pero me parece razonable formular algunas para saber que opinan ustedes:

¿Aparte de la combinación flash + HTML hay alguna otra tecnología víable para ofrecer contenidos más avanzados que al “texto + imágenes” que estamos acostumbrados?

¿Será la web tal y como la que conocemos la que evolucionará hasta ofrecer una plataforma de contenidos de banda ancha o será algo nuevo y distinto?

Yo lo único que se es que todo esto parece avanzar mucho más despacio de lo que pude haberme imaginado hace unos años y eso hace que formule una última pregunta:

¿Acaso hay alguien marcando/frenando el ritmo de desarrollo?

14 comentarios

¿Photoshop OEM por 100U$D?

Cada vez con más frecuencia veo Ads y me llegan mails anunciando páginas como OEM Software en las que puedo conseguir licencias de Microsoft Office, Adobe Photoshop y muchos otros programas a precios muy reducidos.

Ellos aseguran que es software legal y explican exactamente que son las licencias OEM y porque son tan baratas, pero ahora en serio, ¿es legal? ¿es posible?

Pues evidentemente la respuesta es No. Se trata de otra de esas maravillosas estafas que sólo pueden ocurrir en Internet.

Por un lado tenemos a las empresas que preferirían no comprar licencias, claro que luego se exponen a tener otra clase de problemas. La solución más cómun es buscar en Google y buscar el mejor precio, pero claro, uno espera ahorrarse un máximo de un 5% de un sitio a otro, uno no espera encontrar precios un 80% más baratos.

Si esos precios no te hace sospechar estás en problemas, en el caso contrario basta investigar hacer una simple búsqueda en Google para descubrir información al repecto, como que por ejemplo salvo en el caso de Photoshop Elements, Adobe nunca ha ofrecido licencias OEM.

Por último creo que sería interesante que las propias productores de software pusieran mucha atención a esta situación ya que la proliferación de estos sitios sólo significa una cosa: la gente esta muy dispuesta a comprar licencias siempre y cuando tengan un precio más razonable. Esperemos que todo esto al final sirva de algo…

11 comentarios

Ecolocación humana

Me consta que este no es un contenido muy acorde con la temática del weblog, pero sinceramente considero importante, que en ciertas ocasiones hagamos más accesible cierta información, especialmente si tenemos en cuenta que en google y otras herramientas apenas he podido encontrar nada al respecto (en español).

Hace uno días vi un breve pero sorprendente documental de un grupo de jóvenes invidentes que habían desarrollado una técnica de ecolocación (el sístema de navegación que usan los murciélagos) que no sólo les permitía moverse con mucha más soltura por el mundo sino que se trataba de una técnica que podía ser enseñada a otras personas invidentes ya que no requiere de ningún don especial.

La organización que está empujando esta técnica con más ímpetu se llama World Access for the Blind y en su página web ofrecen información accesible en muchos formatos para poder comenzar a documentarse al respecto, es más, para los videntes también hay un video – documental que reune mucha información al respecto y los estudios que se están realizando de forma más reciente.

Sinceramente, esperamos que sea algo que finalmente puede mejorar significativamente la vida de muchos invidentes, mientras tanto colaboramos de la única manera que podemos que es dando fe de la existencia de esta técnica realmente sorprendente.

14 comentarios

Análisis: Reproductores para Windows

Gracias a la feroz guerra de las tiendas de música digital, Apple, Microsoft y Real están trabajando muy en serio intentando mejorar sus respectivos reproductores, que por cierto, todos tienen la capacidad de actualizar y manejar mi iPod.

Después de echarle un poco de valor decidí probar a ver que pasaba si dejaba que Microsoft o Real se ocuparan de actualizar mi iPod. Después de comprobar que lo hacían igual de bien que el iTunes decidí probarlos más en profundidad. Aquí tienen mi humilde opinión al respecto:

iTunes 4.6

Tengo el iTunes instalado desde el día en que salió para PC. Desde un primer momento quedé fascinado con su sístema para gestionar música y para navegar a través de mi colección de música.

Ahora bien, cada día estaba más molesto con el iTunes por lo cantidad de recursos que consume. Con una máquina potente con 512 RAM (DDR 333Mhz) el simple hecho de querer escuchar un CD mientras trabajaba en otras cosas era sencillamente imposible. Las nuevas versiones no han mejorado en ningún caso el rendimiento.

Pero en realidad el gran problema de iTunes es que es un software demasiado especializado, sólo sirve para escuchar música y en ese sentido pierde puntos frente a sus rivales.

Finalmente está muy claro que iTunes ha creado escuela en lo que al manejo de la música se refiere, pero parece que los alumnos han aprendido lo suficiente como para complicarle las cosas y complicarlas mucho. Desde mi punto de vista su única esperanza a medio plazo es que la versión 5 sea una fusión del iTunes actual con Quicktime y es imperativo que mejoren el rendimiento de la aplicación que al parecer también da los mismos problemas en Mac.

Casi me olvido… Sólo te deja comprar música en la tienda de Apple mientras que los otros dos reproductores te dejan elegir el sitio donde comprarla.

iTunes 4.6  |   Ver sitio  |  download
Precio: Gratis
Lo mejor: El manejo de la librería de canciones
Lo peor: Sólo maneja música

Real Player 10.5

Parece que después de mucho mucho tiempo Real vuelve a hacer un reproductor interesante. Fueron pioneros en el concepto de reproductor universal y finalmente le han dado forma. De hecho, de los programas que he probado es con diferencia el que mejor y más rápido trabaja con el iPod.

Sin embargo, parece que ha querido mantener su propio estilo y no ha “copiado” suficientes cosas de iTunes en lo que al manejo de las librerias y de los ficheros se refiere. En algunos momentos puede ser incluso complicado de usar.

Finalmente es el más ligero de todos, el más rápido y no le falta ni una sola de las características de sus rivales.

Real Player (v10.5)  |   Ver sitio  |  download
Precio: Gratis
Lo mejor: La velocidad con la que actualiza el iPod
Lo peor: Interfaz confusa

Media player 10

Se me hace incomodo hablar de bien de un programa de Microsoft en público, pero es que no me queda más remedio.

En primer lugar imaginen el miedo que pude sentir antes de darle a sincronizar el iPod desde el Media Player, imagine que en mitad del proceso, ¡Terror!, se va la luz y vuelve enseguida… ¿que habrá pasado? Pues quedé impresionado cuando el Media Player corrigío los errores que se produjeron y termino la sincronización sin problemas.

Por otro lado, no sólo ha copiado la funcionalidad del iTunes, sino que a mi gusto la ha simplificado todavía más y si tenemos en cuenta que lo reproduce prácticamente toda clase de ficheros y que tiene muy buen rendimiento, uno se plantea si realmente vale la pena complicarse la vida con más de un reproductor a la vez.

Sinceramente, creo que la clave de este reproductor es que no parece hecho por Microsoft. Puedes sincronizar el dispositivo que quieras, comprando la música donde quieras y conviviendo en paz con el resto de reproductores. En fin, al final ha resultado ser mi favorito, lo que no lo convierte en el mejor, pero siempre es bueno escuchar distintas opiniones, ¿no?

Media Player 10  |   Ver sitio  |  download
Precio: Gratis
Lo mejor: El más equilibrado de todos
Lo peor: La obtención de info de los CDs

55 comentarios

Colores favoritos

¿Qué colores uso ahora? Una pregunta muy común cuando no tienes ninguna referencia en la que basarte a la hora de hacer un diseño.

A partir de ahora los resultados de esta encuesta nos pueden servir de mucha ayuda.

Las conclusiones que podemos sacar son: El Azul es color favorito. Los colores cálidos también gustan mucho. Es preferible usar colores saturados y oscuros que los colores claros.

Por último y como consecuencia de los resultados tenemos a nuestra disposición una “lista negra” de colores que no deberíamos usar, son aquellos que no fueron escogidos por la gente o por los diseñadores.

6 comentarios