Diseñar para distintos navegadores
Enero 28, 2007, 8:25 pm
Guardado en: Hojas de estilo CSS, Navegadores, Usabilidad

Por Patricia Campuzano

Componer un diseño a base de estilos .css y que éste se vea bien tanto en Internet Explorer como en el Mozilla  se puede convertir en un rompecabezas. 

Estadísticamente, casi el 70% de los usuarios de Internet utilizan el Explorer (principalmente porque es el navegador que viene con Windows) y el segundo explorador más utilizado es el Mozilla Firefox.

Sabiendo estos datos, no nos queda más remedio que tener en cuenta cómo se ve la página en distintos navegadores. Lo ideal es crear una sola hoja de estilos css que sirva para ambos casos, pero si el diseño es “complicado” y no llegamos a un empate en una sola de hoja de estilos, podemos hacer el siguiente truco del almendruco…

- Creamos la hoja de estilos principal. Mozilla la interpretará correctamente porque cumple con los estándares redactados por la W3C.

- Para salvar las diferencias con el Explorer, crearemos una hoja de estilos que contenga las especificaciones para una óptima visualización de la página en Internet Explorer.

          estilo.css: declaración de todos los estilos de la web.
          cssIE.css: estilos para Explorer

- Añadimos en el HEAD el siguiente código:

          <link rel=”stylesheet” type=”text/css” href=”estilo.css”>
          <!–[if IE]>
          <link rel=”stylesheet” type=”text/css” href=”cssIE.css”>
          <![endif]–>

Sólo se cargará la hoja de estilos cssIE.css si el usuario está usando el Microsoft Internet Explorer como navegador.



CÓMO HACER PODCAST
Enero 9, 2007, 5:21 pm
Guardado en: Podcast Post

Un artículo de http://www.podcastellano.com/como-hacer-podcast

 1.- Grabar el contenido (música, voz o ambas cosas… etc,) con tu programa de edición de audio preferido. Sugerencia: Audacity. Es Gratis y libre y está disponible para Windows, Mac, Linux. FreeBSD (Descargar Audacity) Ver guía rápida para grabar con Audacity.

2.- Convertir el archivo resultante a MP3 (si no lo grabas directamente en ese formato) y tener en cuanta unas codificaciones recomendadas para que suene bien y no ocupe mucho:
Si es solo voz: 48k o 56k MONO
y si es Voz y música: 64k STEREO

Editar la etiqueta ID3 del archivo. Se puede hacer con el propio Audacity al exportar como MP3, con iTunes, con WinAmp y casi con cualquier reproductor de Mp3. Si puedes, procura usar ID3 v2.

(ver más información sobre Etiquetado ID3 tag al final de esta página)

Gracias al programa Easypodcast es posible saltarse los siguientes pasos. Es sencillo, libre y gratuito y merece la pena probarlo. Está en Easypodcast.com

Si no usas este programa, sigue leyendo.

A continuación necesitas subir el archivo a un servidor FTP con la extensión .mp3 y usando el protocolo HTTP para acceder a ellos. Es decir, que se pueda ver como si fuera una página web o una imagen.

3.- Una vez hecho el MP3 y colocado en un servidor hay que hacer el archivo RSS.

Tienes dos opciones:

a) Utilizar un servicio de Blog que te permita editar archivos RSS y añadir la etiqueta (como WordPress o Loudblog) (ver más información sobre estos sistemas al final de la página)

b) Crear desde cero tu archivo “a mano” tomando como referencia otro archivo RSS de cualquier podcast. Existe una plantilla XML para hacer podcasts con instrucciones.

Un truco: el parámetro length se especifica en Bytes. La etiqueta (tag) “Enclusore” tendría este aspecto:

< enclosure url=”http://www.dominiodelpodcast.com/audio/podcast-1.mp3” length=”21137536″ type=”audio/mpeg”> < /enclosure>

Cada programa irá precedido de la etiqueta < item> y se repetirá tantas veces como programas tengas en el RSS y en orden; el más reciente irá el primero.

Por último, conviene validar el archivo XML resultante, el que pondrás en tu web como RSS de tu podcast. Hay algunos servicios para ello en página web (ver más información al final de la página) y el navegador Mozilla Firefox también puede hacer esa validación, simplemente abriendo el archivo.



Cómo escuchar podcasts
Enero 9, 2007, 5:20 pm
Guardado en: Podcast Post

Descarga directa
Si quieres escuchar cualquier podcast puedes descargar el archivo de sonido (MP3, Ogg, MP4…) de la web de cada programa. Normalmente hay un enlace con el texto Descargar o Download sobre el que puedes pulsar con el botón derecho y guardar en tu PC.

Sucripción
También te puedes suscribir (usando el RSS) y así no se te pasará ni un episodio. Tienes distintos programas para cada plataforma y la mayoría gratuitos.

Directorios
En el directorio tienes los podcasts ordenados por categorías y también hay otros directorios.

Streaming
Otra forma sencilla de escuchar y descubrir podcasts es Onda Podcast. Es tan fácil como escuchar la radio y sólo hay que pulsar un enlace pero la pega es que sólo se pueden escuchar algunos podcasts, los que han querido unirse.

Onda Podcast es una iniciativa de Podcastellano para la difusión del podcasting en español a la que cualquier podcast puede sumarse. También cedemos sin coste el uso de nuestro servidor de streaming a cualquier iniciativa destinada a la promoción del podcasting. Infórmate.

Fuente: www.podcastellano.com



Abrir un pop-up con HTML y flash
Enero 9, 2007, 5:04 pm
Guardado en: Flash / ActionScript, HTML / JavaScript

Siempre se me olvida el script para abrir un pop-up en HTML, de modo que aqui me dejo una pequeña chuleta…

<a href=”javascript:window.open(’PAGINA’,'TITULOPOPUP’,'width=ANCHO,height=ALTO’);void(0);”>blablabla</a>

Desde flash, idem…

on (release){
      getURL(”javascript:window.open(’PAGINA’,'NOMBRE’,'width=ANCHO,height=ALTO’);void(0)”);
}



En la mente de Toyota
Enero 4, 2007, 6:10 pm
Guardado en: www flash

North Kingdom lanza On Toyota’s mind.

North Kingdom lanza On Toyota’s mind.
Muy cool!



PJOTRO, el hombre del traje musical
Enero 4, 2007, 6:07 pm
Guardado en: www flash

PJOTRO, el hombre del traje musical

Un proyecto web ’experimental’ de un tipo que, gracias a su traje musical, permite crear temas a base de samples asociados a cada movimiento.. curioso invento..

Visitar sitio web



The Stuntman, tu nuevo juguete irrompible
Enero 4, 2007, 6:04 pm
Guardado en: www flash

http://www.thestuntman.la/

Con esta figura de acción completamente articulada podrás liberar toda tu adrenalina acumulada después de pasar horas sentado en la oficina.

Se trata de la última producción para Internet de GrupoW, diseñado para promover la nueva campaña de Rexona For Men: Action City.

Visitar sitio web



SMART-SHOP, crea tu tienda virtual
Enero 3, 2007, 11:45 am
Guardado en: E-Commerce, HTML / JavaScript

Por Patricia Campuzano 

SMART-SHOP es un servicio para crear tiendas virtuales de forma online, una novedosa herramienta para dar de alta y mantener tus stocks a un precio muy reducido ($25 al mes).

Tienda demo 

http://demo.smart-shop.com/

No son necesarios conocimientos de programación ni disponer de una gran infraestructura, funciona a grandes rasgos como la administración de un weblog: eliges plantilla, logotipo e imágenes, das de alta tus productos con su correspondiente información y listo.

Backoffice tienda demo

http://demo.smart-shop.com/index.php?page=login&command=login&email=admin@smart-shop.com&password=asd

  • Buscador de productos accesible
  • No es necesario instalar ningún software
  • Acepta tarjetas de crédito
  • Plantillas profesionales
  • Acceso a estadísticas en tiempo real

Si quieres probar una demo por 15 días, pulsa aqui



Buscadores Google personalizados
Enero 3, 2007, 11:30 am
Guardado en: HTML / JavaScript, SEO, Usabilidad

Por Patricia Campuzano

El pasado mes de octubre Google amplió su plataforma con Custom Search EngineBásicamente permite crear buscadores personalizados para buscar contenidos en nuestro sitio web o en otros que especifiquemos al crear el buscador.

Tan rápido y sencillo como dar nombre al buscador, una descripción, palabras clave que describan los contenidos que el buscador se encargará de localizar (hojas de estilos css, dhtml, javascript, etc…), idioma y sitios web donde realizará la búsqueda.

Como es habitual, para utilizar el servicio (totalmente gratuito) es necesario tener una cuenta gmail. Una vez creado, puedes incluir el buscador en tu sitio web copiando el código correspondiente.