Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

miércoles, 28 de noviembre de 2007

Insertar un contador en la página

Si necesitás, rápidamente, insertar una cuenta regresiva, un countdown en tu sitio; entonces Flash Countdown puede ser una buena solución


Simple, práctico y eficaz. Podés jugar con las opciones de color de fondo, de texto y elegir entre 4 tamaños disponibles.
Share:

Escuchando música en la Web

Es algo cotidiano en mí, escuchar música; especialmente mientras trabajo, diseño, participo en foros o inclusive mientras ahora escribo estas líneas.
Días atrás descubrí jango.com, es muy particular y hasta casi distinto a otros servicios; no podés subir música, no podés bajar música y ni siquiera tienen un widget disponible para insertar música en algún lado.
Su uso ni siquiera requiere que te registres, que por otro lado es gratuito.
La propuesta es que armes tu propio playlist o accedas a los de otros usuarios. Con un poco de uso y elecciones diversas tenés armadas tus estaciones (Stations) como si fuesen sintonías de radio (que por otro lado no lo son). Son elecciones de otros usuarios... y así entonces te encontrás escuchando música acorde a tu gusto. Mi simple definición, porque no estoy todo el tiempo atrás de la página, es: No escucho todo lo que quiero, pero me gusta todo lo que escucho.
Share:

lunes, 26 de noviembre de 2007

Utilizando medidas accesibles

Cuando se lleva a cabo un diseño con CSS pueden definirse las medidas como absolutas o relativas.

Unidades absolutas

Pixel (px), centímetro (cm) y puntos (pt).
El px varía de un sistema operativo a otro; en Windows se representan 96px por pulgada, mientras que una Mac utiliza 72px por pulgada.
En cuanto a la utilización de pt depende de la resolución de pantalla del usuario.
Si bien el diseñador obtiene un control "exacto" del diseño, utilizar estas unidades le quita accesibilidad al sitio.

Unidades relativas

En la lista de recomendados, la misma la encabeza la unidad em.
Un em es la distancia equivalente al ancho de la letra m mayúscula; el ancho de dicha letra es que el que está definido por defecto en el navegador.
Así, cuando el tamaño por defecto sea de 16px una medida de 1.5em representará una fuente de 24px.

<style type="text/css">
body {
font-size: 100%;
}
h1 {
text-size: 1.5em;
}
#contenido {
text-size: .85em;
width: 30em;
background-color: #FFFFFF;
}
</style>

Esto es el principio de los diseños elásticos, principalmente cuando los divs, por ejemplo, son declarados con este método.
Para quien necesite llevar a cabo las conversiones de px a em pueden utilizar el Em Calculator
Em Calculator es una pequeña herramienta en JavaScript la cual ayuda a realizar diseños CSS escalables y accesibles. Convierte de pixel a una unidad relativa como em, basada en el text-size.
Conversión aproximada: puntos, pixels, ems y porcentajeCaptura de pantalla tomada de ReedDesign
Share:

Maximizá la ganancia de tu sitio

Cuánto vale tu sitio o tu blog?


Basado, seguramente, en un algoritmo que toma en cuenta a Alexa (Traffic Ranking), a Google (Page Rank) y a los enlaces entrantes; la consulta nos permite luego contar con una información de valor y compartirla (si queremos)

Querés maximizar el potencial de ganacia de tu sitio?

La consulta, libre de cargo, la podés entonces llevar a cabo en
Website Value Calculator



El valor de mi blog $445.
Cuál es tu valor?

Share:

Texturas gratis

Evan Eckard desde el sitio DinPattern nos ofrece con muy buena calidad, una buena cantidad de texturas (backgrounds) gratis para nuestro uso.
Share:

sábado, 24 de noviembre de 2007

Publicidad a medida

Puedo hacer un banner de 700 × 85?
O un medio banner de 300 × 50?
La respuesta es que sí se pude; no obstante, desde el año 2004 IAB ha conseguido normalizar y dar una métrica para tener acotadas las dimensiones en que la publicidad sea mostrada. Esto es en forma estándar.

Rectángulos y pop-ups

  • 300 × 250 - medio rectángulo
  • 250 × 250 - pop-up cuadrado
  • 240 × 400 - rectángulo vertical
  • 336 × 280 - rectángulo horizonatal
  • 180 × 150 - rectángulo
  • 300 × 100 - rectángulo 3:1
  • 720 × 300 - pop-under

Banners y botones

  • 468 × 60 - full banner
  • 234 × 60 - medio banner
  • 88 × 31 - micro bar
  • 120 × 90 - botón 1
  • 120 × 60 - botón 2
  • 120 × 240 - banner vertical
  • 125 × 125 - botón cuadrado
  • 728 × 90 - leaderboard

Skyscrapers

  • 160 × 600 - (skyscraper ancho)
  • 120 × 600 - (skyscraper)
  • 300 × 600 - (publicidad de media página)

Todas las medidas están dadas en pixels
fuente: http://www.iab.net
Share:

Redondear esquinas

RoundPic es una utilidad on-line que simplemente redondea las esquinas de cualquier imagen; vía upload o según la URL que le informemos.
Permite la elección de la esquina entre 12 radios diferentes así como el color de fondo o background.
Para esto último, no existe un selector de color y la entrada, en hexadecimal, debe realizarse en forma manual.


Recomendado para avatars e imágenes.
Share:

viernes, 23 de noviembre de 2007

Mira quien se queja

Enjuto Mojamuto y los navegadores (cuando IE te quiere pasar una factura)

Vía: Accesibilidad, Usabilidad y Estándares Web
Share:

Código de barras para tu blog


El IBSN, Número de Serie de Blogs de Internet, nace el 2 de febrero de 2006, como respuesta a la negativa de la administración para otorgar un número de ISSN a las bitácoras de Internet.
El ISSN es un serial del tipo nnnn-nnnn que identifica publicaciones periódicas electrónicas; así como ISBN a los libros.

IBSN de Utilidades para Webmasters
IBSN de Utilidades para Webmasters

La adjudicación del serial, en este caso; tiene una ausencia por parte de cualquier algoritmo de creación. La condición es la inclusión de tres guiones, y cualquier secuencia numérica (a nuestra elección) compuesta de 10 dígitos.
Todavía no tenés tu barcode para tu blog?
Share:

Texturas gratis

BackgroundCity ofrece una muy buena cantidad de texturas gratis.
En la sección Tips está claramente explicado los usos que a las mismas se le pueden dar:
  • Papel tapiz del escritorio
  • Imágenes de fondo para un HTML
  • Stationary para Outlook
  • Implementación de un borde mediante CSS

La colección se divide en 14 grupos y 13 temas. Es gratis ¡me gustó!
Condición (y recomendación): bajar las imágenes, no hacer un link al sitio; ya que cada semana cambian el nombre de las carpetas.
Share:

jueves, 22 de noviembre de 2007

Cómo estimar la duración de un proyecto

Cuántas veces nos habrán escuchado/hemos escuchado la frase:
Y...masooomenos en 10/12 días estamos entregando... (lo que sea)
En forma categórica hay un método que permite, precisamente dar una respuesta rigurosa. Es mediante el método PERT: evaluación de programa y técnicas de revisión.
Para lo cual, se aplica la siguiente ecuación
Te = (Top+4Tpr+Tpe)/6
donde:
Te es el tiempo estimado
Top es el tiempo optimista
Tpr es el tiempo más probable
Tpe es el tiempo pesimista
Así que, si el tiempo optimista (Te) es de 7 días y el pesimista (Top) de 15, aunque es muy probable que el proyecto se termine en 8 días (Tpr). El tiempo esperado (Te) de finalización es de 9 días.
Share:

Crazy Paper Cylinder

Lo ví y me gustó


Increíble video sobre cómo armar, con papel y cinta de pegar, 8 piezas: 1/4 de cilindro cada una y combinarlas...!
Video de 1 minuto 44 segundos. Imperdibles los últimos 15 seg.


Crazy Paper Cylinder ! How To Make ! - More free videos are here
Share:

Lectura recomendada

Tips para mejorar la usabilidad en websites para móviles


Libre traducción del original 7 Usability Guidelines for Websites on Mobile Devices, más algunas consideraciones de Jorge Márquez.

vía: Usandolo
Share:

Test de accesibilidad

Con llevar a cabo un test de accesibilidad, no alcanza. Días atrás, publiqué una entrada al respecto:
Accesibilidad: la revisión automática no alcanza
Pero existen herramientas de revisión que nos pueden indicar si vamos por buen camino.

Web Accessibility Checker


Una herramienta de la Universidad de Toronto. Permite llevar a cabo una revisión a partir de una URL como de un archivo local.

T.A.W.


Fundación CTIC. El análisis se efectúa a partir de una URL. De antemano se puede elegir el nivel de accesibilidad a revisar.

WebXACT


Analiza el contenido del documento Web en cuanto a: calidad, accesibilidad y privacidad.

Cynthia says


Un producto de HiSoftware. Evalúa cualquiera de los 3 niveles de accesibilidad y puede prestar especial atención a la Sección 508. Soporta emulación de browsers.

Hera


Una herramienta de SIDAR.


La revisión manual es imprescindible para comprob ar realmente si la página es accesible. Para poder llevar a cabo esta verificación manual es necesario conocer las directrices de accesibilidad, saber cómo utilizan los usuarios las ayudas técnicas y tener alguna experiencia en diseño y desarrollo de páginas web.


Eval Access 2.0


Permite llevar a cabo la revisión vía URL o pegando el código HTML, en la opción Evaluate HTML source.

Ocawa


Desarrollado por France Telecom. Permite consultar vía URL o archivo local.

eXaminator


Desarrollado por accesible.com.ar. Ver entrada 30/05/07

Colour Contrast Analyser


La pauta 2.2 de las Pautas de Accesibilidad al Contenido Web 1.0 especifica que las combinaciones de los colores de fondo y primer plano han de tener suficiente contraste para ser percibidas por personas con deficiencias de percepción de color o sobre pantallas en blanco y negro. Dos colores ofrecerán una buena visibilidad si la diferencia en brillo y en color entre ambos es mayor que cierto umbral establecido. Sugieren un algoritmo de contraste de color , que es el usado en este test. El algoritmo se encuentra en desarrollo, y podría sufrir algún cambio. Cualquier cambio que hicieran sobre su algoritmo será actualizado en esta página.
Esta página tiene como objetivo permitirte comprobar el contraste entre dos colores usando el algoritmo de contraste de color del W3C directamente sobre los colores que especifiques. Para especificar una hoja de estilo externa, o pegar CSS en la caja de texto, usa la Página de Contraste CSS.

Revisando la accesibilidad en las tablas


Una extensión para Firefox, que revisa si se ha llevado a cabo el correcto marcado de una tabla. Por Juicy Studio.

CSS Analyser


Otro servicio de Juicy Studio para evaluar el contraste de color en una hoja de estilos (CSS).

Total Validator Service


Incluye comprobador ortográfico y la opción de obtener una captura de pantalla según el agente de usuario elegido y detección de enlaces rotos (broken links).

Truwex Online


Posiblemente el test con mayor cantidad de opciones. Revisa los 2 primeros niveles de accesibilidad, la Sección 508, test de contraste de color, evaluación de privacidad, calidad del sitio, comportamientos interactivos y enlaces rotos.

Lectura recomendada


What is an accessible Website? Attempting a definition.
Artículo de Jim Byrne
Share:

miércoles, 21 de noviembre de 2007

Imprimí tu propio calendario 2008

Esta utilidad viene de la mano de la Universidad de Bergen - Noruega.
Me recuerda los calendarios institucionales que algunas empresas entregan ya para estas fechas, aunque este tiene ausencia total de publicidad :-)
Los elementos que se necesitan son una hoja A4, adhesivo y PACIENCIA.


Por defecto la aplicación genera la salida en formato PDF, aunque también soporta PostScript.
Se puede optar por un dodecaedro regular o un dodecaedro rómbico; soporta 50 idiomas y se puede elegir si la semana comienza el domingo o el lunes.
Enlace: http://www.ii.uib.no/~arntzen/kalender/
Share:

martes, 20 de noviembre de 2007

Esconder información a los buscadores

Con un límite de hasta 100.000 caracteres, esta utilidad convierte el texto ingresado en una imagen que contiene el texto; pero al fin una imagen.
Y como tal, invisible a los motores de búsqueda, a los usuarios que naveguen con imágenes deshabilitadas y a los lectores de pantalla también; excepto, claro, que proveamos contenido alternativo.
Cómo especificar contenido alternativo

ImagenEn resumen, nada que con un editor de imágenes que soporte ingreso de texto se pueda dejar de hacer.
Tip adicional: con la misma técnica, puede llevarse a cabo la generación de una imagen con la info del correo electrónico. Soporta:
  • Gmail
  • Msn
  • Hotmail
  • Yahoo
  • Aol
  • Att
  • Bigfoot
  • Rocketmail
  • Comcast
  • Blueyonder
  • Earthlink
  • Rogers
  • Sbcglobal
  • Lycos
  • Verizon
  • Spymac
No existe necesidad de bajar el archivo generado, si la imagen es accesada al menos una vez al año; hidetext.net se encargará del host de la misma.
Share:

158 texturas gratis


Travis Beckham nos ofrece en la sección Patterns (texturas) 158 backgrounds disponibles para bajar, ideales para ser utilizados como fondos de páginas.
Share:

HTML - test en 5 minutos

Cuántos elementos HTML podés nombrar en 5 minutos?

Sólo contarán como válidas las respuestas que se hagan acorde a los elementos HTML 4
En mi test, alcancé casi el 70%; aquí mis resultados:
63
Otros enlaces, para visitar en Just Say Hi
Y la lista sigue
Share:

lunes, 19 de noviembre de 2007

Sonidos (extraños) cuando arranca mi PC

Cuando una PC compatible (IBM) inicia el proceso de arranque (boot) solemos escuchar un beep (todo bien...!)
¿Qué pasa si escuchamos (o no) otra cosa?
Si escuchamos otra cosa es porque la PC no arranca; y si la falla persiste, mejor prestar atención porque cada secuencia tiene su explicación.
  • No hay beeps: no hay suministro eléctrico o el parlante de sistema esta desconectado o defectuoso.
  • beep constante ininterrumpido: denota una falla en el suministro eléctrico.
  • beeps cortos y constantes: error en la mother(board).
  • beep cortísimos y constantes: posiblemente el teclado provoca este error.
  • 1 beep largo: error de memoria RAM.
  • 1 beep largo, 1 corto: fallo general en la mother(board) o en la ROM básica del sistema.
  • 1 beep largo, 2 cortos: error en la instalación de la tarjeta de video, o bien la misma tiene un defecto.
  • 1 beep largo, 3 cortos: el monitor no se a conectado a la tarjeta gráfica.
  • 1 beep largo, varios cortos: error de la tarjeta de video.
  • 2 beeps cortos: error de paridad de memoria.
  • 3 beeps cortos: error de memoria en los primeros 64 Kbytes de la RAM.
  • 4 beeps cortos: error en el contador de la placa base.
  • 5 beeps cortos: error de CPU (se ha generado un error porque el procesador o la memoria de vídeo está bloqueada).
  • 6 beeps cortos: el controlador o procesador del teclado (8042) puede estar en mal estado. La BIOS no puede conmutar en modo protegido. Este error se suele dar cuando se conecta/desconecta el teclado con la PC encendida.
  • 7 beeps cortos: la CPU ha generado una interrupción excepcional o el modo virtual del procesador está activo.
  • 8 beeps cortos: el adaptador de vídeo (tarjeta gráfica) del sistema no existe o su memoria de vídeo (RAM) está fallando. No es un error fatal, es un fallo de escritura.
  • 9 beeps cortos: error de conteo de la Video RAM. El valor del checksum (conteo de la memoria) de la RAM no coincide con el valor guardado en la BIOS.
  • 10 beeps cortos: el registro de la CMOS RAM falla a la hora de la desconexión.
  • 11 beeps cortos: la memoria caché externa está fallando.
Si mal no recuerdo, el listado me lo pasó Damián (A long, long time ago; a far galaxy...!)
Y aclaró: el diagnóstico podrá variar de fabricante a fabricante y las mejores respuestas se llevan a cabo con una tarjeta de diagnóstico.
Share:

Lógica Vulcana

"Si eliminas lo imposible, lo que queda, aunque improbable, debe ser la verdad"
Si bien las líneas de Arthur Conan Doyle (Sherlock Holmes: If you eliminate the impossible, whatever remains, however improbable, must be the truth), no evito nunca pensar en Mr Spock (Star Trek VI: The Undiscovered Country).
Share:

Audio en tu blog - parte 2

Oportunamente, cuando escribí la entrada allá por el mes de octubre sobre goear.com; hacía varios días que estaba esperando cual sería la buena novedad.
Evidentemente, la espera continúa...

Cómo insertar audio en tu blog


La gente de Humanized.com ha lanzado el pasado día 8 su último proyecto Songza.
Un Music Search Machine que ante los resultados de búsqueda permite:
  • Ejecutar
  • Compartir
  • Calificar y
  • Agregar a una lista de reproducción

Utiliza el material alojado en YouTube y a partir de ahí realiza la búsqueda y la reproducción.
Por lo que con un poco de entusiasmo, conociendo el material de YouTube, podemos de esta forma hacer la búsqueda vía songza e insertar el audio en nuestro sitio.
O realizar la búsqueda mediante este motor y luego ver el video.




Share:

Configurar el servidor

.htaccess Editor nos permite, en forma interactiva, escribir un archivo .htaccess según nuestras necesidades:


  • denegar accesos a todos los archivos

  • configurar una autenticación básica

  • configurar nuestras propias páginas de error

  • definir por default una página

  • configurar www

  • manejar redirecciones

Una práctica herramienta para configurar nuestro servidor.
Share:

domingo, 18 de noviembre de 2007

Compartir documentos en la Red - entrega 2

Docstoc en una comunidad de usuarios que comparten documentos en la Red.Está estructurado en 6 secciones bien definidas:
  • Legal
  • Business
  • Financial
  • Technology
  • Educational
  • Creative
Dos puntos relevantes e interesantes.
Posee un apartado Request, donde se pueden solicitar nombres de documentos, tags y categorías; y se puede optar por frecuencias de notificación.
Los tags y las categorías pueden ser modificables (esta es la opción por defecto) por otros usuarios.
Aquí se me ocurre a mí, insertar un ejemplo. Además las visualizaciones pueden ser a pantalla completa.


Entrada relacionada: Compartir documentos en la Red
Share:

miércoles, 14 de noviembre de 2007

Ver televisión por Internet

De un tiempo a esta parte, cada vez que quería ver televisión por Internet activaba el ícono de TV.exe sobre mi escritorio (300+ LIVE worldwide TV channels).
Pero hoy descubro, vía engadget que si querés ver la tele en la compu mientras llevás a cabo tus tareas, el soft de JLC's Internet TV te ofrece cerca de 2000 canales a lo largo del mundo.
Garantizado por Softpedia, este freeware está garantizado libre de spyware, adware y viruses; asimismo libre de malware (garantía JLC).
Requerimientos:
  • Windows Media Player
  • Real Player (only for some streams)
Share:

Crea Webs Accesibles (y sonríe!)

Excelente iniciativa de Eugenia, quien en el día de ayer acaba de lanzar una masiva campaña de difusión:
La idea es difundir y concientizar a todos sobre la importancia de crear sitios accesibles, sin dejar a nadie afuera.
¿Cómo participar?

Muy simple. Descargá el folleto color, desde el sitio el rallador,
o el formato en blanco y negro, imprimílo y sacáte con él una foto con tu mejor cara feliz.
De otra manera, escribí en una hoja en blanco "Creá Webs Accesibles" y con ella sacáte la foto.
Luego subís la misma a tu cuenta de Flickr y, lo más importante, agregás el tag "web accesibles".
Asimismo, podés también enviar las fotos y tus datos a Eugenia, quien la publicará en su cuenta.
La dirección es: websaccesibles[at]gmail.com
Las fotos publicadas hasta el 12 de diciembre, serán listadas en el rallador. Originalmente, la campaña cerraba en dicha fecha. Pero la misma tendrá, ahora, un vigencia ilimitada.
Qué estás esperando para sumarte a la campaña?
Difundí la noticia entre tus amigos y colaboradores, publicálo en tu web y hacé conocer la noticia en aquellos blogs y foros donde partcipás.
Sacate una foto muy feliz con el cartelito :)
Share:

martes, 13 de noviembre de 2007

Mozilla Hispano

Un nuevo proyecto sale a la luz. Un nuevo proyecto para la comunidad de habla hispana de usuarios de productos Mozilla. Internet todavía puede dar más de sí, y creemos que del debate, y la confrontación de ideas, se puede lograr que este proyecto sea aún más grande.


Estas son las primera palabras de bienvenida a Mozilla Hispano, recientemente con fecha 11 de noviembre.
El sitio cuenta ya con un Foro de libre participación y la recomendada sección de Documentación.

Somos personas que venimos de distintos proyectos de software libre, algunos hemos participado en otros sitios comunitarios, otros colaboramos en traducir los productos de Mozilla, o sus noticias. Queremos que de nuestro esfuerzo, y del esfuerzo de los demás sitios que hablan de Mozilla, la gente tenga más herramientas a la hora de decidir cómo afronta su experiencia con la web.


Firefox

Fuente: Extensiones Firefox
Share:

lunes, 12 de noviembre de 2007

Search Marketing Expo 2007 en Buenos Aires

El pasado 24 de octubre, se celebró por primera vez en Argentina: SMX.
Lo siguiente es una slide, que a modo de resumen, acompañó la charla de Victor Rottenstein sobre Análisis SEO; quien recomendó herramientas, recursos y metodologías de análisis.

Victor Rottenstein es uno de los referentes del Search Marketing en Latinoamerica, en los últimos años ha participado en diversos proyectos regionales de e-business ayudando a empresas como Gameloft, HP, Procter & Gamble, Microsoft, Intel y Accenture. Ha desarrollado sus estudios en el área de sistemas con una fuerte orientación en marketing y tiene más de 10 años de experiencia en e-business y Web development. Victor es precursor del desarrollo de la Web 2.0 en Latinoamérica, y ha desarrollado una extensa investigación sobre los factores para el posicionamiento orgánico en Google.
Share:

sábado, 10 de noviembre de 2007

Accesibilidad: la revisión automática no alcanza

Hoy traigo a cuento, en línea con el título y, citando la entrada original:

Por qué son insuficientes los estándares y la revisión automática


El blog personal de Emmanuelle Gutiérrez y Restrepo, en SIDAR.
Aplicar los estándares de marcado está de moda y eso contribuye a la accesibilidad, pero no es suficiente. También se va extendiendo el uso de herramientas de revisión de la accesibilidad, pero eso támpoco lo es. Veremos un ejemplo de cómo puede crearse una página que aplique los estándares y al ser revisada automáticamente pase incluso el más alto nivel y, sin embargo, sea de lo más inaccesible para muchos usuarios (...)

La entrada completa, está disponible en Por qué son insuficientes los estándares y la revisión automática
Share:

Accesibilizando la Web

Video de Eugenia Jongewaard, en la conferencia dada el pasado lunes, en Escuela Da Vinci


Relacionado con mi anterior entrada: Conferencia: Accesibilidad en la Web

En el blog de Eugenia: El Rallador, Accesibilidad, Usabilidad y Estándares está disponible, además, el audio correspondiente a:
  • Cómo navegan los usuarios. Beneficios
  • Cómo crear sitios web accesibles
  • Herramientas de ayuda para crear sitios accesibles
  • Flash y Accesibilidad
Y también una buena presentación en slide en http://www.etnikastudio.com/acceso
Share:

Mensajes de texto accesibles

Luego de poco más de un año de desarrollo la empresa Lleida.net, en España, ha presentado recientemente su portal SMS Accesible desde donde pueden enviarse y recibirse mensajes de texto con soporte para lectores de pantalla.


Si no posee usuario y contraseña puede ponerse en contacto con nosotros al teléfono 902 999 272 y nuestro departamento de atención al cliente le creará un usuario para poder acceder a la aplicación web.


El servicio fue avalado por ONCE, a través de CIDAT. Su Jefe de Atención al Cliente,Carmen Fernández Rodríguez, manifestó en rueda de prensa:
Si todas las empresas hicieran esto, estaríamos en condiciones de mayor igualdad con el resto de los ciudadanos
La aplicación soporta:
  • Elección de idioma.
  • Bandeja de entrada.
  • Registros de mensajes enviados.
  • Agenda de contactos.
  • Envíos programados de entregas.
  • Acuses de recibos
Share:

viernes, 9 de noviembre de 2007

Direcciones de correo para agendar

La siguiente es una lista resumida y déspota, del original que he encontrado en ElGeek - Información Tecnológica para Geeks - 10 utilidades para nuestro email

pdf@koolwire.com - el archivo adjunto que envíes a esta dirección te lo devolverá en formato PDF.
pdf2txt@adobe.com - si adjuntás un PDF te lo devuelve en formato de texto plano.
upload@upload.slideshare.net - para subir anónimamente cualquier PDF o PPT a Slideshare (te contesta el mail con la URL donde fue publicado).
www@web2mail.com - enviás una URL en el cuerpo del mail y recibís una copia de la página (aunque con este último, luego de un cuarto de hora, sigo esperando...)
Share:

Usabilidad

Gabriel Porras ha incluído recientemente una entrada sobre de qué se trata la usabilidad? en su blog: estándares y accesibilidad.
La misma, sólo contiene un video de Pixar.
Si alguna vez haz querido tener sintetizado el concepto de Usabilidad Web, aunque sea tener la sensación de que habla el resto del mundo, no te pierdas el video: excepcional, como ejemplo!
Share:

Googlepages: bandwidth excedido!

Por haber insertado la banda de sonido en mi post anterior, ayer a media tarde ya había excedido el ancho de banda que me ofrece Google Pages; por lo cual el SlideShow colapsa y no puede ser ejecutado.
Poca y casi nada es la información que al respecto circula en la Web. Oficialmente, esta herramienta se encuentra en etapa beta y lo que se encuentra en algunos blogs, son al día de hoy, especulaciones.
Creo que si hubiese efectuado la entrada como privada, en SlideShare, no la hubiese podido insertar en el Blog.
De otra manera, como era pública, estaba disponible para la comunidad misma.
En menos de 36 horas, había recibido poco más de 1300 visualizaciones y cerca de 200 descargas.
Para quienes adoren las estadísticas (y no es mi caso):

1300 impresiones × 8 Mb (el mp3) / 1024 = 10 Gb

Hoy, el tema ha vuelto a la normalidad y de ocurrir nuevamente, les dejo la letra para tararear:

At Last
Etta James


At last
my love has come along
my lonely days over
and life is like a song

Ooh At last
the skies above are blue
well my heart was wrapped up in clover
the night I looked at you

I found a dream
that I could speak to
a dream that I could call my own
I found a thrill
to press my cheek to
a thrill that I have never known

well

You smile
you smile
oh and then the spell was cast
and here we are in heaven
for you are mine at last

I found a dream
that I could speak to
a dream that I
could call my own
I found a thrill
to press my cheek to
a thrill that I have never known

well

You smile
you smile
oh and then the spell was cast
and here we are in heaven
for you are mine at last

ooo yea
you are mine
you are mine
at last
at last
at last
at last


:-)
Share:

martes, 6 de noviembre de 2007

Insertar un PowerPoint en un sitio Web

Insertar una presentación con audio (o música de fondo)


En la anterior entrada de Insertar una presentación en una página Web quedó pendiente el tema de cómo armar un Slidecast.
Para los términología de SlideShare, esto se lleva a cabo sincronizando una pista de audio con la presentación que nos interesa.
Para hacerlo, luego de subir la presentación, hay que hacer un link a un sitio donde previamente hayamos subido el mp3.

En una elegante forma de evitar consumir recursos de algún host, me dije: utilizo Google Pages.
De hecho, cualquier imagen que es incluída en una entrada de Blogger, va a parar a nuestra cuenta de Google Pages (la hayamos creado o no); como ahí disponemos de 100 Mb, ahí subí mi mp3.
Finalmente, el tema de la sincronización es a dos puntas: uno tiene la posibilidad de editar el espacio de tiempo en que cada slide es mostrado o, de una manera más simple, dividir el audio en forma equitativa.
Esto último es que lo que hice, y aquí mi Slidecast.
Que lo disfruten! :-)
Share:

Crear un sitemap de mi sitio

Otro generador de mapas de sitio o sitemapsA diferencia de mis dos previas entradas:
El sitio SiteMapBuilder nos ofrece la creación de un sitemap (para subir a Google) con entradas (aparentemente) ilimitadas.
Asimismo, desde el sitio puede bajarse una versión freeware, que todavía no he probado.
Share:

domingo, 4 de noviembre de 2007

Recursos para SEO

Dos excelentes recursos para SEO al precio de un(o) post



SEO-Dictionary

Sitio en inglés

Ofrece pautas y claras descripciones de todos los términos relevantes en los campos de Comercialización en los Motores de Búsqueda (SEM) y Optimización.

SEO-FAQ

Sitio en inglés

Un sitio escrito por webmasters, para webmasters; con una buena cantidad de preguntas y respuestas comunes para la Optimización en los Motores de Búsqueda.
Share:

Validar el feed de un blog

Feed Validator te permite confirmar si tu feed, sea Atom, RSS o KML; está bien formado.
Si esto es así, la página de test te ofrece el código correspondiente para insertar en tu blog.


[Valid RSS]
Share:

jueves, 1 de noviembre de 2007

Cómo implementar el acceso web para ciegos - parte 2

Como suplemento a Cómo implementar el acceso web para ciegos
Me veo en la obligación de generar una nueva entrada, centrado en este tema; dado que he recibido un correo de Enrique Aldama donde me señala:

existe otro lector de pantalla, que en si es un navegador
accesible, desde mi punto de vista es mejor, ya que muchos usuarios no cuentan con máquinas "avanzadas", está basado en un desarrollo brasileño, acá una universidad en México lo tradujo al español.
MexVox

Proyecto desarrollado por Núcleo de Computación Electrónica de la Universidad Federal de Río de Janeiro, Brasil, la Universidad de las

Américas - Puebla, México, la participación del Consejo Coordinador de ONG´s del estado de Puebla y de ACRIP A.C.

MexVox requiere Microsoft Windows 95 o superior. La plataforma mínima para MexVox es una Pentium 133 o equivalente. En cuanto a la

tarjeta de sonido, MexVox bien puede brindar ya sus beneficios con solo una tarjeta de sonido "on-board". Pero mientras mejor sea el

hardware, tanto mejor será la calidad lograda.

Enlace para descargar MexVox

Para completar el proceso de instalación hay que llevar a cabo la descarga de 3 módulos:

  • spchapi.exe - 824 Kb
  • lhttsspe.exe - 2.36 Mb
  • setup.exe - 36.3 Mb
Consideraciones:
La ejecución del programa se realiza en una máquina virtual DOS.
Soporta SAPI y las librerías están incluídas en spchapi.exe
Para el tema que me preocupa debí acudir al Explorador de Windows y ubicar el archivo webvox.exe en la carpeta webvox (para acceder a la Web).

Mi experiencia con WebVox:


Ejecuto:
- WEBVOX - NCE/URF - v.3.8a
- ¿Cual es su opción?
presiono F1 y obtengo los comandos
T - traer página a la cadena
L - leer página
V - volver a la última página leída
S - páginas seleccionadas
A - traer la página de un archivo local
G - grabar página a texto (documento que luego puede leerse desde MexVox)
0 - grabar en el formato original
X - exportar texto de la página para area de transferencia
C - configurar el programa
I - hablar en otra lengua
N - traer página sin leer
R - recargar esta página
P - guardar página predilecta
E - enviar página por e-mail (que es una de las aplicaciones instaladas, así como una calculadora y un cliente FTP)
ESC - encerrar el programa

Con la letra T, traemos una URL. La librería SAPI se encarga de deletrear cada tecla pulsada, excepto en los campos con passwords (está aclarado en la documentación)

Realicé un par de búsquedas en Google.
Presiono T y tipeo
www.google.com.ar
La voz informa (luego de recorrer los enlaces que sé están en la parte superior:
- campo de entrada, puede editar, valor actual.
tipeo: diseño web en argentina+css
- buscar en Google
- Botón para envío, presione S para someter
tipeo: S
- sometiendo formulario
escucho: nuevamente toda la cabecera, son algunos segundos...
presiono 2 veces avance de página
- item único de selección: páginas en Argentina, desligado ¿debo ligar?
tipeo: S
escucho varios Pip y luego como 10 veces nav page gif (llegué al final de la página)
- inicio del formulario: diseño web en argentina+css
presiono:S
- buscar
- botón para envío, presiono S para someter
presiono: ESC (algo estoy haciendo mal)
- fin del formulario, fin de la página

Consideraciones finales sobre WebVox

Desisto finalmente continuar llevando a cabo búsquedas por Google (me fastidia terriblemente escuchar todos los enlaces patrocinados delante de mi búsquedas).
Ni arriesgo pasar por Yahoo! se me pasó el cuarto de hora.

Testeo páginas conocidad con accesibilidad y el comportamiento de la aplicación es placentero.
Se puede llevar más a fondo el análisis y probar otros módulos que el setup instala. Hoy paro acá.
Ya tengo un screen reader con bajo requerimiento de recursos del sistema, en castellano y que soporta páginas Web.
Gracias por la información Enrique!
Share:

Como diseñar una tabla accesible

Para quienes se hayan sensibilizado con la lectura de Por qué diseñar con tablas es estúpido? seguramente leerán diseño+tablas y se acomodarán con expectativa frente al monitor.
Pero la lectura deja en claro (o debe de dejar) que siempre y cuando se pretenda mostrar contenido tabulado el uso de las tablas en la Web es la opción.
Pero, asimismo, las tablas deberán ser accesibles. Y para que una tabla sea accesible debe tener un correcto marcado en HTML.
Desde accessify.com rescato Accesible Table Builder, una herramienta que en 4 pasos genera una tabla accesible.

This table builder was created by Struan King based on an earlier version of the tool that used to be on Accessify but whose source code got was lost during a transition from ASP to PHP. Struan kindlt rebuilt from scratch because he'd missed it (like an old friend!) for which we're truly grateful. Struan also took on board advice given by Roger Johansson in creating the tool (so thanks to that man too!). If you like this tool, why not see what else he's been up to?


Código generado por la aplicación:

<table class="tableStyle greyScheme"
summary="correcto marcado de una tabla">
<caption>Mi tabla accesible</caption>
<tbody>
<tr class="odd">
<th class="firstColumn" scope="row"></th>
<td>-</td>
<td>-</td>
</tr>
<tr class="even">
<th class="firstColumn" scope="row"></th>
<td>-</td>
<td>-</td>
</tr>
<tr class="odd">
<th class="firstColumn" scope="row"></th>
<td>-</td>
<td>-</td>
</tr>
<tr class="even">
<th class="firstColumn" scope="row"></th>
<td>-</td>
<td>-</td>
</tr>
<tr class="odd">
<th class="firstColumn" scope="row"></th>
<td>-</td>
<td>-</td>
</tr>
</tbody>
</table>

Aunque no he podido generar las etiquetas:

<thead>-</thead>
<tfoot>-</tfoot>

Las cuales van inmediatamente antes de
<tbody>

Me parece aceptable el marcado conseguido.
Para mostrar la tabla mediante CSS, la herramienta genera también el código correspondiente.
Ahí va el tema Grey, que fue el que elegí:


/*
=Start table structure
*/
#Summary, #Caption {
width: 28em;
}

.tableStyle {
width: 90%;
margin: 1em 0 1em 5%;
border: solid #666;
border-width: 1px 0 0 1px;
border-collapse: collapse;
}

.tableStyle th, .tableStyle td {
border: solid 1px #666;
border-width: 0 1px 1px 0;
padding: 0.2em;
}
/*
=End table structure
*/

/*
=Start grey colour scheme
*/
.greyScheme, .greyScheme th, .greyScheme td {
border-color: #666;
}

.greyScheme .even {
background-color: #E3F6FE;
}

.greyScheme th, .greyScheme thead td {
background-color: #B1B1B1;
}

.greyScheme th.firstColumn {
background-color: #D1D1D1;
}
/*
=End grey colour scheme
*/

Para gustos los colores y los códigos ofrecidos son modificables y si nunca habías visto una tabla accesible es bueno que sepas que hay dos formas de hacer las cosas: como las has hecho siempre y por otro lado, como debieran hacerse.

:-)
Share:

Qué páginas enlazan a mi sitio?

Es indiscutible que uno de los factores de los resultados en los motores de búsquedas (SERP) es la calidad de los enlaces que apuntan a nuestro sitio.
Son factores fundamentales el anchor text del enlace y el PageRank de la página que da ese "voto".
SeoToolSet.com nos ofrece una herramienta que analiza los 20 principales enlaces que apuntan a nuestro sitio.
Se trata de Link Analysis la cual nos muestra:
  • URL que nos enlaza
  • PR de la página
  • PR del sitio
  • Y si Yahoo!, Google y MSN han indexado ese enlace.
Del análisis surge que dar incansablemente de alta sitios en directorios, puede más quitar que agregar. Siendo esto último una sugerencia, que más de un SEO suele dar.

entrada relacionada en este blog: Backlink Checker
Share:

Cómo aparecer en buscadores

Guía práctica para mejorar la posición local de un sitio


Desde ayer hay novedades en Google Webmasters Tools, y es que ahora quien gestione su sitemap con esta herramienta podrá informar sobre la situación geográfica del sitio web.

Set geographic target

Associate a particular geographic location with this site if you are targeting users within that area.

Es una sencilla forma de acotar las búsquedas a una determinada región.
Mis consideraciones al respecto son:
Google intenta desligar (humanizar) la responsabilidad en los resultados de búsqueda (SERP) en cuanto a la parte de los algoritmos que tomaban la IP del sitio y el nivel superior del dominio.
La información suministrada, será relevante para los resultados en el área, región, país informada.
Esto es sumamente interesante para quienes llevan a cabo sus negocios o publicaciones destinados, principalmente, a un país en particular.
Google aclara, la no obligatoriedad del uso de esta herramienta. Para quienes no decidan dar este paso, Google seguirá considerando (geográficamente) el sitio a como lo venía haciendo de un tiempo a esta parte.


fuente: Webmaster Central World
Share:

Publicidad

Estadísticas