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

lunes, 31 de diciembre de 2007

Calificaciones para tu blog

Vía Vagabundia doy con una herramienta que analiza el contenido de tu blog/web y sugiere (al mejor estilo cine-televisivo) el tipo de audiencia recomendada.
En estos casos, uno inmediatamente consulta el propio blog (yo también respiré aliviado!)


Luego del test, el sitio ofrece el código fuente para ser insertado donde corresponda.
La metodología me remite al sistema de etiquetado de ICRA (1) aunque, claro, sin cuestionarios ni etiquetas, ni tags, ni... (no por nada uno de los tags populares en del.icio.us para esta página es funny)


(1) ICRA es una marca registrada por Family Online Safety Institute, la cual se basa en un sistema de declaración de contenido y etiquetado de sitios, para asegurar la protección a los niños de contenido web nocivo.
De esta forma y de manera absolutamente gratuita se puede también descargar la Parental Control Bar en la zona de recursos para padres.
Share:

Lectura recomendada: diseños elásticos

Con énfasis en la familia de Mr. Incredible (Pixar - 2004). El blog de Jon Tan nos trae una buena comparación de los diseños basados en CSS.


Para la explicación y el entendimiento Elastic-Girl = diseños elásticos y Mr. Incredible = diseños fijos
"El diseño elástico se adapta al tamaño de la fuente que el usuario elige".
De esto se trata cuando oportunamente escribí Utilizando medidas accesibles
El resto de la entrada, en el blog: The Incredible Em & Elastic Layouts with CSS

Otra buena comparación


Para quienes se entusiasmen con las compraciones, otro recomendado
CSS Layouts: The Fixed. The Fluid. The Elastic. una entrada en el blog de Mike Cherim.

Share:

domingo, 30 de diciembre de 2007

Lista de buenas prácticas para aumentar el tráfico de un sitio


Webconfs.com tiene una página (en inglés) la cual nos brinda una lista de buenas y malas prácticas para llevar a cabo una optimización eficiente, a la hora que los documentos que publicamos en la web obtengan buenos posicionamientos en las búsquedas orgánicas.
La lista contiene puntos positivos y negativos, así como factores neutrales.
La mayoría de los factores puede aplicarse a casi todos los motores de búsqueda; pero verdaderamente el énfasis en esto está de cara a Google.
Las secciones están divididas en las siguientes categorías:
  • palabras clave
  • enlaces - internos, entrantes y salientes
  • uso de metatags
  • contenido
  • agregados visuales (JavaScript, videos, etc)
  • dominios

La lista llega a los 77 items, webmasters: lectura obligada


Entrada relacionada: Optimización en los motores de búsqueda
Share:

Ahora publico en mi blog desde Firefox


Acabo de instalarme la extensión de Firefox ScribeFire.
Lo cual me permite acceder a mi blog, desde un panel inferior dentro de Firefox.
La funcionabilidad parece ser completa. Puedo guardar notas en el blog o publicar directamente en él.
Puedo redimensionar dicho panel y navegar a través de las pestañas mientras sigo escribiendo.
ScribeFire ¿dónde estuviste toda mi vida?
Inconvenientes en la implementación?
Por supuesto, los tuve.
ScribeFire soporta varias plataformas: WordPress, Drupal, Blogger, etc.
A mi, en este caso me preocupaba Blogger. En la configuración no hay que poner la URL del blog, sino decir que se va a utilizar la API de Blogger; por lo cual hay que informar la URL del feed.
Basta por hoy, presiono Publish y ¡hasta mañana!
Share:

sábado, 29 de diciembre de 2007

Sobre la lectura

"Leer, por lo pronto, es una actividad posterior a la de escribir: más resignada, más civil, más intelectual".
Jorge Luis Borges
Buenos Aires, 27 de mayo de 1935.
En el prólogo a la Historia universal de la infamia.
Share:

viernes, 28 de diciembre de 2007

Motor de búsqueda para íconos: Iconlet

Una excelente herramienta a la hora de utilizar íconos para nuestros diseños. Los trabajos, están publicados bajo las siguientes licencias:
  • GNU Lesser General Public License
  • Creative Commons Attribution-ShareAlike 2.5 License
  • Creative Commons Attribution 2.5
  • Eclipse Public License 1.0
  • GNU General Public License
  • Creative Commons Attribution-ShareAlike 3.0 Unported
  • Creative Commons Attribution-ShareAlike 2.0

Entrada relacionada: Motor de búsqueda para íconos: Iconfinder
Share:

Una utilidad para indentar código

Utilizar comentarios en las hojas de estilos como así también dentro del documento HTML es una buena práctica. Especialmente útil cuando luego hay que llevar a cabo modificaciones.
Por otro lado, indentar (1) el texto es positivo, ya que ayuda a visualizar las diversas estructuras.
Tabifier es una herramienta que soporta código HTML, CSS y C (off-topic)

(1) Fe de erratas: el término apropiado es "efectuar una sangría" o "sangrar el texto". No existe un trasliteración admitida desde indent (inglés) a indentar (no está admitido en castellano).
En el uso (a veces) desmedido del lenguaje, solemos echar mano a estas situaciones.
Share:

Enviar una página web por e-mail (parte 2)

Convertir estilos CSS a Inline para el envío de e-mails


Clientes de correo basados en Web, como Gmail y Hotmail parecen no interpretar adecuadamente los estilos definidos entre etiquetas
<style></style>
Por lo que una buena solución es escribir el estilo inline.
Tarea que puede ser entre tediosa y abrumadora.
El sitio SolDesign permite pegar la página HTML y llevar a cabo la reescritura del documento.
Esta herramienta es más práctica que la anterior comentada (la cual necesariamente necesitaba que el documento esté en una URL).

Entrada relacionada: Enviar una página web por e-mail
Share:

Diagrama de flujo: para comenzar a hacer webs accesibles

Cuando un webmaster lleva a cabo el correcto marcado semántico de una página web y separa el contenido de la presentación, va camino seguro hacia una web accesible.
El esquema básico o punto de partida, debiera estar centrado en las siguientes ideas.

  • Web accesibles
    • Para los browsers o navegadores
      • Usar marcado estándard
    • Para las personas
      • Publicar contenido primario
        • Usar marcado estándard
          • Utilizar CSS para la presentación
          • Seguir las pautas WCAG
      • Publicar contenido alternativo
        • Dar prioridad a tus usuarios
"Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos." Wikipedia


El diagrama de flujo está inspirado en el que oportunamente fue publicado por mcu.org.uk
Share:

miércoles, 26 de diciembre de 2007

Un generador de Post-it digital

Digital Post It Note Generator


Esta aplicación te permite generar tus propios post-it digitales y bajarlos; para luego insertarlos como imagen dentro de cualquier diseño.

No todas las opciones de texto soportan (por las fuentes utilizadas) ASCII extendidos; así que cuidado, si pensás utilizar acentos o la letra ñ.
Share:

Buscar CSS en sitios sobre CSS

Un motor de búsqueda para CSS


La realización de SKUER está basada en ofrecer ayuda y mejores oportunidades de búsqueda, a los diseñadores de sitios con requerimientos en CSS.


Skuer está desarrollado utilizando Google CSE. Por lo que los resultados de las búsquedas están circuncriptos estrictamente a sitios web temáticos.
Adicionalmente se puede agregar a Skuer como motor de búsqueda adicional (usuarios Firefox: un solo click en la página About)
Una herramienta sorprendente.
Share:

martes, 25 de diciembre de 2007

Otra más: escuchando música en la web


Musicovery es una alternativa interesante y amena a la hora de escuchar música mientras se hacen cosas en la compu.
Aunque es un poco difícil lograr un buen grado de productividad una vez que se accede al sitio, ya que es inevitable ir tocando por ahí y por allí las opciones que se nos presentan.
No sólo se puede ir definiendo nuestro universo musical por el tipo de música: rock, pop. jazz, etc sino, además, por un marco temporal.

En cada ajuste, se redibuja una secuencia gráfica (qué parecido al Pipes de Yahoo!) que representa el orden en que los tracks se van a reproducir.

El beneficio de registrarse (lo cual es gratuito) es que la aplicación comienza a recordar nuestras preferencias como así un historial de lo se va escuchando.
Muy buena calidad de sonido, excelente interfase y difícil no prestarle atención. Me gustó, pero me ahorro el tag...
Share:

lunes, 24 de diciembre de 2007

Accesibilidad: una rueda de color

Comprobación de tres escenarios: deuteranopia, protanopia y tritanopia





Giacomo Mazzocato nos ofrece esta interesante herramienta a la hora de establecer la combinación de colores de texto y fondo.
Ya que contempla tres tipos de dificultades en la visión:
  • Deuteranopia - ceguera parcial del color verde
  • Protanopia - ceguera parcial del color rojo y
  • Tritanopia - ceguera parcial del color azul (rara y muy poco frecuente)
El autor ofrece los archivos necesarios para llevar a cabo las comprobaciones si no se tiene acceso a la red.

Enlace relacionado: Sobre el color de texto y el color de fondo
Share:

domingo, 23 de diciembre de 2007

Buscador de sonidos

FindSound es un motor de búsqueda enfocado a sonidos.
Los formatos que se pueden conseguir en los resultados de búsqueda son: AIFF, AU, MP3 y WAV
Gracias a las casillas de verificación se pueden filtrar los resultados para obtener listas no muy extensas.
Por otro lado, dispone de categorías con etiquetas para facilitar el acceso a los datos.
Share:

oʇxǝʇ nʇ ɐéʇloʌ

Como en la moda, hay cosas que vuelven luego de dejar de ser usadas. Podés ingresar el texto que deseés y luego insertarlo en blogs, posts o donde quieras llamar la atención. La dirección es



No recomendado para posicionamiento orgánico, webmasters abstenerse.
Share:

Las 40 fuentes más instaladas

Qué tan seguro estás que la fuente que utilizás estará presente en la PC del usuario?


Mucho se ha discurrido sobre el tema y, hasta se ha llegado a formar una lista titulada Web Safe Font o fuente segura. Microsoft mismo ha llamado a este grupo Core fonts for the Web.
Por otro lado, existen técnicas de reemplazo de texto que utilizan CSS con imágenes o combinando CSS, JavaScript y Flash, para intentar asegurar que la visualización llegue al usuario tal como la hemos diseñado.
Para un idea bien clara, recomiendo el artículo de Kemie Guaida: Reemplazo de textos - una comparación.
La gente de Code Style viene desde enero del 2003 reuniendo información al respecto.
Cualquiera puede sentirse libre de participar, ya que el sitio puede ejecutar un applet en Java y reunir los nombres de las fuentes instaladas.
Las consultas, pueden llevarse a cabo en forma global o por sistema operativo.


El documento en la Web lista el Top-40 (yo solo muestro 15, en la captura de pantalla, aunque está disponible una versión (completa) en formato zip para descargar.
Share:

Sitios similares

Encontrar sitios similares a través de la red del.icio.us

similicio.us es un útil buscador de sitios a través de del.icio.us, el cual es un sistema de marcadores basado en etiquetas.
La técnica es simple: "las personas que aplican determinadas etiquetas a un marcador, utilizan varias de ellas para identificar a otro, de similar temática".
En algunas de mis pruebas, por ejemplo, utilicé la URL de Ask the CSS Guy para encontrar similares.
Los resultados en similitud son satisfactorios.
Entrada relacionada: del.icio.us
En el último cambio de diseño del blog, decidí no incluir mi lista de marcadores; no obstante están disponibles en la siguiente dirección pública diseniorweb
Share:

sábado, 22 de diciembre de 2007

Como comparar fuentes


Font Tester es una atractiva herramienta on-line. Te permite ver el comportamiento en pantalla, sobre los ajustes en las propiedades de texto mediante CSS.
Se visualizan 3 columnas en forma simultánea. Cada una con sus declaraciones correspondientes, independiente una de otra (Tahoma, Lucida y Arial, por ejemplo).
El texto, por defecto Lorem ipsum, puede ser editado; reemplazado por un contenido personalizado. Luego de cualquier ajuste se obtiene el HTML correspondiente y el CSS con el cual se aplicó el formato.
Como un bonus adicional (opción que puede ser ocultada) está disponible un mapa de caractares con sus correspondientes entidades (@ = &#64;)

Share:

viernes, 21 de diciembre de 2007

Un generador de PNG transparentes

Esta herramienta no compite con ninguna aplicación que tengamos para llevar a cabo la edición de elementos gráficos.
Pero posiblemente solo se requiera un fondo transparente y tal vez no tenga sentido (o queremos ganar tiempo) cargar una aplicación. Se pueden ajustar, tanto las dimensiones como el nivel de transparencia alfa y el color deseado.
Share:

El uso de acrónimos y la accesibilidad

El uso de acrónimos es cotidiano; tanto en, como fuera de la web.
Pero dentro de la web, tanto en blogs como en sitios, el uso de los acrónimos debe marcarse adecuadamente. En forma especial si queremos que el documento sea accesible.
Los lectores de pantalla leen el title de la etiqueta y de esta forma transmiten la información que encierra el tag.
Es muy común ver este tipo de etiquetas:

<h1>CSS</h1>

Cuando lo correcto debe ser:

<abbr title="Cascading Style Sheets">CSS</abbr>

Y en un sentido más estricto, no pasar por alto la definición del idioma:

<abbr lang="en" title="Cascading Style Sheets">CSS</abbr>

Accesify.com nos ofrece una herramienta que se encarga de marcar automáticamente el código HTML que contiene acrónimos (y también abreviaturas): Acrobot
Se puede llevar a cabo la operación utilizando los 17 diccionarios o bien en forma individual, alguno de ellos.
Está la posibilidad de incluir la etiqueta de lenguaje (lang) como de utilizar cualquiera de las 3 opciones semánticas que ofrece.

Ejemplo de código original:

<p>Prefiero utilizar el formato PNG para las imágenes por sobre el JPG,
especialmente por la capacidad de transparencia que el mismo ofrece.
Si la imagen es decorativa, la inserto como fondo de un elemento mediante
CSS, si transmite información la inserto en el HTML llevando a cabo un
buen marcado y utilizo la etiqueta ALT</p>

Ejemplo de código entregado por la aplicación:
<p>Prefiero utilizar el formato <acronym title="Portable Network Graphics" 
lang="en">PNG</acronym> para las imágenes por sobre el
<acronym title="Joint Photographics Experts Group"
lang="en">JPG</acronym>,
especialmente por la capacidad de transparencia que el mismo ofrece.
Si la imagen es decorativa, la inserto como fondo de un elemento mediante
<acronym title="Cascading Style Sheets" lang="en">CSS</acronym>,
si transmite información la inserto en el <acronym title="HyperText Markup Language" lang="en">HTML</acronym>
llevando a cabo un buen marcado y utilizo la etiqueta ALT</p>

Para quienes, como yo, efectúan el marcado de acrónimos en forma manual y en algún momento no tengan presente alguno. Pueden consultar Acronyma
Share:

Como insertar un mp3 en mi página web

La funcionabilidad de BooMP3 es sorprendente, ya que para llevar a cabo la acción de subir el archivo de audio, puede ser mp3 o wma, ni siquiera hace falta crear una cuenta, lo cual es gratis.
El requisito es informar una dirección de correo, para que luego del proceso se nos informe por esa vía la URL del archivo y así obtener el código HTML para insertar el audio en nuestro blog o en nuestro sitio web.
Una curiosidad, y fallo en el diseño del sitio, accediendo con Firefox no se visualiza el botón para la acción de seleccionar archivo para subir. Al tener instalada la extensión IE Tab, pude rápidamente cambiar de motor de renderizado.




Entradas relacionadas: Insertar mp3 en código HTML parte 1, parte 2 y parte 3
Share:

jueves, 20 de diciembre de 2007

Compartir archivos en la Web


No es el primero, y seguramente no será el último de este tipo de servicios que se presentan en forma gratuita.
Las características que ofrece file.io son las siguientes
  • Definir una carpeta privada
  • Acceso mediante password
  • Máximo tamaño de archivo: 100 Mb
  • Tamaño de la cuenta: 200 Mb
  • Enlace a una miniatura (para imágenes)
  • Enlace al archivo
  • El alojamiento para cada archivo expira en 30 días
  • Se puede modificar el nombre del archivo y agregarle una descripción
  • Cada archivo puede ser borrado individualemente antes que expire la fecha

Ideal para compartir pequeños videos, mp3, documentos, etc.
Entradas relacionadas:
Compartir documentos en la Red
Compartir documentos en la Red - entrega 2
Share:

Blog reaction: pasos para implementarlo

Si bien Technorati ofrece un script o widget para insertar en el blog y visualizar los "blog reactions" de cada post; el mismo, en Blogger no funciona.
El blog Do(X)s / Templates para Blogger, en su post View Blog Reaction, publica el script que sí funciona y, además, como valor agregado los pasos a seguir para insertarlo en distintos lugares del post.
Share:

HTML para correo electrónico

Convertir CSS a CSS inline para enviar HTML por correo


Los servicios de correo basados en webmail como Gmail o Hotmail no son muy amigables a la hora de interpretar las Hojas de Estilo cuando se definen entre etiquetas.
Por eso es que la mejor solución es escribir CSS inline, lo cual; puede no ser una práctica cotidiana.
La siguiente aplicación: Convert CSS Styles to Inline for Emails se encarga, como dice el autor, de "hacer el trabajo sucio".
Documento HTML con Estilos


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test CSS HTML</title>
<style type="text/css">
body {
margin: 25px 25px;
font-family: verdana, tahoma;
font-size: 10px;
color: #333333;
background: #ffffff;
}
p {
margin: 11px 5px 3px 11px;
line-height: 1.5em;
text-align: justify;
}
p#biggens {
font-size: 75pt;
}
p.tinyred {
text-align: center;
text-weight: bold;
color: red;
font-size: 9px;
}
</style>
</head>
<body>
<p>plain old paragraph</p>
<p id="biggens">This here is some huge text</p>
<p class="tinyred">All tiny and red</p>
</body>
</html>

Documento HTML con Estilos inline


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>Test CSS HTML</title></head>
<body style=" margin: 25px 25px;
font-family: verdana, tahoma; font-size: 10px;
color: #333333; background: #ffffff">
<p style=" margin: 11px 5px 3px 11px; line-height:
1.5em; text-align: justify">plain old paragraph</p>
<p style=" margin: 11px 5px 3px 11px;
line-height: 1.5em; text-align: justify;
font-size: 75pt">This here is some huge text</p>
<p style=" margin: 11px 5px 3px 11px;
line-height: 1.5em; text-align: justify;
text-align: center; text-weight: bold; color: red;
font-size: 9px">All tiny and red</p>
</body>
</html>
Esto representa una buena utilidad para aquellos que escriben Newsletters o lleven a cabo un el diseño de un Stationary.
Para los ocupados y preocupados por las pautas y recomendaciones de W3C, les comento: si el código fuente original, es válido para el Servicio de Validación de Marcado de W3C, el resultado también lo es.
Share:

miércoles, 19 de diciembre de 2007

Los sitios Web necesitan verse exactamente igual en cada navegador?

Quienes en serio publicamos contenidos en la Web, desarrollamos diseños y nos esforzamos para que los layouts, las fuentes, etc. se vean correctamente en aquellos navegadores que soportan los estándares, sabemos que eso es uno de los tantos desafíos que encaramos en cada proyecto. Especialmente cuando no queremos dar la espalda a aquellos (navegadores) que hacen sus propias interpretaciones al respecto. El propio renderizado del modelo de caja (box model), por ejemplo.
Por eso es que la respuesta siempre es SI; aunque haya que retocar el marcado, las hojas de estilos y completar la tarea con todo el esfuerzo (humanamente) posible.
Sin embargo, hace muy poco tiempo está en la web un sitio con el título de este post (el cual yo traducí, por supuesto) con la siguiente URL



Y solo una imagen por todo contenido:

El post merece que agregue a mi blog una nueva etiqueta: anti-accesibilidad
Aunque por la poca trascendencia que le doy me ahorro la etiqueta y voy con mi clásico off-topic
Share:

Sonidos gratis y loops para tu web

Soundsnap es un sitio que reúne el trabajo de usuarios que suben y comparten en la web, loops y efectos de sonido.

Las galerías están distribuídas en forma temática, permite buscar por palabras y acceder a los contenidos mediante tags o etiquetas.
La descarga es optativa, en formato mp3 o wav y en muy pocos archivos está disponible el formato aiff.
El sitio tiene también, un foro de participación (baja).
Share:

6500 fuentes gratis

Webpage Publícity ofrece más de 6500 fuentes TTF gratuitas.
Las opciones de búsqueda las ofrece sólo en términos de un índice alfabético. Si bien en cada página, las fuentes están representadas; puede ser largo y tedioso encontrar lo que estamos buscando.

Share:

Imágenes gratis

FreeDigitalPhotos tiene más de lo que propugna en su slogan. Cientos..., tal vez más...
La gran mayoría son imágenes gratuitas, excepto que se pretenda bajar en resoluciones de más 2500 px de ancho, por ejempo; de otra manera, en ancho web (600 px) son gratis.
Tiene varias categorías, como es el común para estos recursos, Las más recientes, las más populares, etc.


De otra manera, tiene un buen buscador por términos (en inglés)
Share:

Enviar una página web por e-mail

Premailer es una utilidad escrita en Ruby que te permite efectuar el envío de una página Web a través de un correo electrónico.
No es enviar el enlace; es el envío de la estructura tal como se visualiza en la Web. De forma tal que el destinatario, recibe el documento en el cuerpo del correo.
La herramienta está todavía en etapa de desarrollo, por lo que puede presentarse algún bug o anomalía.
Asimismo, no todos los clientes de correo hacen una correcta interpretación de las hojas de estilo; que en este caso quedarán inline. Y si la fuente tiene algunos selectores descendentes, es probable que se presenten pequeñas anomalías.
Para el envío, sólo hay que copiar el código fuente y pegarlo (mediante edición HTML) en el cuerpo del mail donde se desea que aparezca.

Entrada relacionada: Enviar una página web por e-mail (parte 2)
Share:

martes, 18 de diciembre de 2007

Esquemas de color

Genopal on-line es una versión reducida (y gratis) de la versión PRO de GenoPal PC/Mac
Se pueden generar 16 colores armónicos a partir del ingreso del color base en hexadecimal o en formato RGB o mediante el selector de colores.
La aplicación cuenta, además, con esquemas bases
  • colores: rojos, naranjas, amarillos, etc.
  • tipo: neutrales, cool, oscuros, etc.
  • naturales: primavera, verano, etc.
Share:

lunes, 17 de diciembre de 2007

305 fuentes temáticas (gratis)

Type Now te ofrece 305 fuentes gratis dentro del área temática. Con la siguiente distribución:
  • Música y bandas (209)
  • Juegos (41)
  • Varias (55)

Independiente además, cuenta con la sección alfabética.
El sitio reúne también fuentes comerciales, de pago.
Share:

Cómo generar 16 colores armónicos

Color Schemer te permite a partir de un color RGB o hexadecimal generar tu paletta de 16 colores armónicos.
Y finalmente ir incrementando la luminosidad del esquema, o bien, oscureciéndolo.
Share:

Como decir "no" en más de 500 idiomas


El sitio elite.net te brinda la particularidad de consultar algunos términos con soporte multilenguaje.
No necesariamente serán útiles en cualquiera de las etapas del diseño o del contenido. Se me ocurre más una curiosidad que una herramienta en el tag recursos.
Por eso, esta entrada tienen la etiqueta off topic
Share:

domingo, 16 de diciembre de 2007

Capturas de pantalla

No se necesitan agregados, extensiones ni programas de terceras partes para hacer una captura de pantalla, así sea de la parte visible o de la página completa.
El sitio thumbalizr ofrece ambas posibilidades, mediante el ingreso de la URL.
Luego de generada la miniatura pude elegirse bajar la imagen en los siguientes anchos: 320, 640, 800, 1024 ó 1280 px.
Entrada relacionada: Cómo hacer una captura de pantalla?
Share:

sábado, 15 de diciembre de 2007

Cómo medir el crecimiento de un blog?

El número de suscriptores en un blog es la medida del grado de popularidad que en la Web tiene el mismo.
La herramienta que nos ofrece BlogPerfume es gratuita, aunque restrictiva; ya que sólo analizará el blog si sos usuario de FeedBurner
FeedAnalysis es seguro desde el punto de vista que los datos que se procesan están del lado del cliente. No existe información alguna sobre la consulta que quede guardada en los servidores.


Esta utilidad es independiente de cualquier otra que mida el tráfico en nuestro blog, yo particularmente utilizo Analytics. Ya que cuantifica el comportamiento de los suscriptores.
Mide la evolución del mes a mes, grafica la relación suscriptores, hits, views y clicks.
Muestra el mejor y el peor día de la semana en un gráfico de tortas.
Adicionalmente informa sobre la tasa de crecimiento de los suscriptores (último mes).
Y mediante el cálculo de una curva de crecimiento predice el número de suscriptores dentro de 3, 6 y 12 meses.
Cuando el mes pasado probé esta herramienta, era necesario subir el archivo CSV que generaba FeedBurner; ahora con la nueva y reciente versión, sólo ha que informar la dirección del feed.
Share:

viernes, 14 de diciembre de 2007

Cuánto tarda en cargar tu página web?

WebWait es una herramienta de consulta que determina, el tiempo de carga de una página Web.
El sitio ofrece la instalación de un favelet en la barra de herramientas del navegador a los efectos de tener la info necesaria de cualquier sitio que se visite; con milésimas de segundo.
Firefox agrega esta funcionabilidad, incluyendo la cantidad de imágenes leídas, tamaño de la página (Kb), tasa de transferencia (Kb/s) y el timer (también con milésimas de segundo) mediante la instalación de la extensión Extended Statusbar. Opera, por supuesto, trae en forma nativa esta función.
Entrada relacionada: Full Page Test
Share:

5 texturas gratis de papel, en formato vectorial

Bittbox.com te ofrece 5 texturas vectoriales para utilizar como fondo, simulando una hoja de papel.
Disponibles en formato EPS y SVG.
Share:

Qué PageRank tienen las páginas que enlazan a mi sitio?

Smart PageRank es otra más de esas excelentes herramientas para comprobar los backlinks de un sitio. A expensas que la aplicación corra más lentamente, se puede llevar a cabo la consulta solicitando se muestren enlace con nofollows y el anchor text del enlace.
En la cabecera y al pie del cuadro de resultados la aplicación nos ofrece los resultados de la evaluación del sitio.
  • Analizando la validez del PageRank (vía mail podés ser informado cuando Google cambie tu PR)
  • Información sobre la edad del dominio (Domain Age)
  • Nivel de tráfico en referencia a los datos de Alexa
  • Informe sobre inclusión en directorios DMOZ y Yahoo!
  • Número de backlinks por parte de Google, Yahoo!, Altavista y AllTheWeb
  • Páginas indexadas en los anteriores motores de búsqueda
  • Valor del sitio Web y el script para mostrarlo en tu página
  • Script para poner en tu página el valor del PageRank
Entrada relacionada: Qué páginas enlazan a mi sitio?
Share:

jueves, 13 de diciembre de 2007

Optimización en los motores de búsqueda

Probablemente, la lista de SEOmoz, Search Engine Ranking Factors, sea uno de los recursos más apreciados para el Webmaster; a la hora de despejar dudas sobre SEO



El sitio Wiep.net ha publicado recientemente su lista de Link Value Factors. Que reúne 40 tópicos sobresalientes comentados por 17 expertos.
Los tópicos pueden consultarse, además:
  • Los 10 factores más importantes
  • Los 5 factores de mayor coincidencia
  • Los 5 factores más controversiales
Está disponible la versión en formato PDF para bajar.
Share:

Idolos

Leyendo el blog de Enrique Dans, ante mi sorpresa, Enjuto Mojamuto le echa un párrafo reconociéndolo como uno de las personas que admira.




Como broche final, Víctor en su blog, ha colgado un listado para bajar (gratis) sonidos para el celular Tonos y melodías de Enjuto Mojamuto
Share:

Deseos para fin de año, para todo el año

Los siguientes son mis deseos para fin de año


Aunque quiero que sean también los deseos para todo el año

Que me toque siempre luz verde.
Que los clientes se conviertan en amigos.
Que los amigos no se conviertan en clientes.
Que el carril de al lado no avance más rápido.
Que no se me ocurra cambiar de carril.
Que en mi casa no se coma a la noche justo lo que comí al mediodía.
Que nunca más se me olvide lo que estoy por decir.
Que siga enamorado, me enamore... o las dos.
Que al menos de vez en cuando me acuerde dónde me olvidé el celular.
Que mi hijo no encuentre las llaves del auto.
Que mi hijo no pierda las llaves de mi auto.
Que mi hija corte.
Que no tenga que renovar el registro ni la cédula ni el pasaporte.
Que haya pasajes.
Que no se borre el archivo.
Que no me digan más, ya lo había pensado.
Que no me digan, mejor seamos amigos.
Que la hermana no sea más linda.
Que mi valija salga primera.
Que mi valija salga.
Que me salgan más pelos, no más canas.
Que no haya vencido ayer.
Que los aparatos para los mosquitos les hagan algo a los mosquitos.
Que me devuelvan el libro.
Que no esté en reunión.
Que la película no esté alquilada.
Que las películas aprendan a devolverse solas.
Que tengan mi talle.
Que no empiece a volar arena justo cuando me acabo de poner crema.
Que nunca me olvide la alianza.
Que no me vaya quince días de vacaciones y lluevan diez.
Que no me acuerde que me serví un café cuando ya estaba intomable.
Que el fax que quiero cambiar, entre como estaba en la caja de telgopor.
Que algún día me pueda sentir tranquilo si no voy a la oficina.
Que este año me haga más sabio, no más viejo.
Que el taxista no me vuelva a a contar, que él en realidad es ingeniero nuclear.
Que las mujeres hermosas no sean cada vez más jóvenes.
Que se cumplan los mejores deseos de los que más quiero.
Share:

Sobre el color de texto y el color de fondo

Analizando la accesibilidad


Este tipo de pruebas tiene como objetivo establecer las diferencias de contraste entre un color de fondo y el color del texto.
Juicy Studio, en su versión en español te permite llevar a cabo dicha prueba e informarte luego que tipo de desvío existe a partir de la fórmula de brillo de color y de diferencia de color.




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.


Existen en la Web, varios test disponibles que hacen hincapié sobre este tópico.
Color Contrast Calculator te permite ingresar los datos vía RGB
Contrast Analyser V2.0 es un programa gratuito para tal fin. Disponible la versión en inglés, el enlace para bajar el programa no funciona.
Colour Contrast Check permite el ingreso de datos en formato hexadecimal. Si los valores ingresados no superan la prueba, la aplicación permite realizar en tiempo real, modificaciones de los valores RGB hasta llegar al umbral de aceptación.
Color contrast verification tool es una herramienta de accesibilidad de Hewlett-Packard que permite llevar a cabo la prueba.
Share:

Publicidad

Estadísticas