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

jueves, 31 de enero de 2008

Rating Burner: los blogs más populares

Mientras Google define el PR de una página por la cantidad y calidad de los backlinks que apuntan a la misma, Rating Burner tiene una ranking basado en la cantidad de lectores que cada blog maneja.
Las cifras no son globales, ya que se basa en los números que FeedBurner maneja.

FeedBurner es la compañía que el año pasado fue adquirida por Google y que ofrece estadísticas en el servicio de sindicación de noticias (RSS).
La imagen superior no muestra, info adicional que el sitio revela, como ser:
  • PageRank
  • Porcentaje de cambios en las suscripciones
  • Fecha del último post
  • Tipo de publicidad del blog
En cuanto a las categorías, sólo encuentro 2. SEO y Gadgets ¿nada más?
La inclusión es gratuita y, no pude con mi genio ¿apareceré mañana...?

Una nueva e innovadora forma de conseguir sponsors


Finalmente, leo algo que me llama la atención. Sigo el enlace Ads y me encuentro con Dobrobanners

Lo cual, entrelíneas me dice lo siguiente:
Dobrobanner es una innovadora forma de establecer el precio de publicidad para tu blog. Todo lo que necesitás es poner un código especial en algún lado de la página principal de tu blog. Lo cual estará oculto dentro del código HTML como un comentario. De esta forma:
<!-- dobrobanner|100 -->

Lo cual significa que el precio de un banner por mes es de $100. Luego que el bot encuentre este código y lo publique dentro del rating en la columna correspondiente a tu blog, los anunciantes que ordenen los blogs por precio de publicidad podrán contactarte si desean incluir un banner en tu blog.
Share:

Nadie lo comprende

Se cuenta que en una reunión social Einstein se cruzó con el actor Charles Chaplin. En el transcurso de la conversación, Einstein le dice a Chaplin:
- "Lo que he admirado siempre de usted es que su arte es universal; todo el mundo le comprende y lo admira."
A lo que Chaplin respondió:
- "Lo suyo es mucho mas digno de respeto; todo el mundo lo admira y prácticamente nadie lo comprende..."

Vía Sin ZENtido
Share:

Como hacer una versión móvil de mi blog

Como implementar una versión accesible de tu blog para un dispositivo móvil


Vía Cosas de informáticos doy con un tip sencillo y efectivo:
El truco consiste en utilizar a Google Reader y la URL de nuestro feed.
De esta forma, como ejemplo mi blog, el enlace queda de la siguiente manera.

<a href="http://www.google.com/reader/m/view/feed/
http://feeds.feedburner.com/UtilidadesParaWebmasters">
Versión Móvil</a>

La siguiente imagen enlaza al blog mediante Google Reader

Esta técnica sólo mostrará el contenido de nuestro feed en una versión del blog absolutamente simplificada. Pero dará idea a quienes visiten el blog, mediante cualquier dispositivo portátil, sobre los contenidos que se publican.
Share:

miércoles, 30 de enero de 2008

Como comparar hasta 3 fuentes en forma simultánea


Typetester es una excelente y práctica forma de comparar, en forma simultánea, hasta 3 fuentes.
Por defecto, el texto con el cual se puede trabajar es el conocido Lorem Ipsum.
Aunque, de otra manera, se puede introducir cualquier texto propietario.
La idea es simple, comparar fuentes, características, colores (de fuente y fondo), alineación, lo que se te ocurra.


La elección de fuentes responde a 3 grandes grupos. El conocido como Web Safe Font (fuentes seguras para la Web), el estándard de Windows y la lista correspondiente a Mac.
Finalmente, hechos los ajustes y comparaciones, se puede disponer del código CSS para cada una de las columnas.

Share:

lunes, 28 de enero de 2008

Disponibles para descargar más de 7400 fuentes gratis

Fontspace.com es una entusiasta comunidad on-line de desarrolladores que comparten sus trabajos en este sitio.
Al momento de estas líneas cuentan con 7433 fuentes disponibles.
La Home Page muestra las últimas actualizaciones; no obstante, vía menú, se puede navegar a grandes rasgos:
  • Fuentes populares
  • Script
  • Grafiti
  • Mano alzada (Handwriting)
Por otro lado, la cantidad de categorías, es sorprendente. Ya que el sistema de etiquetas reúne hasta lo impensado...

Puede llevarse a cabo la búsqueda mediante etiquetas, en forma alfabética o mediante el motor de búsqueda del sitio.

Share:

domingo, 27 de enero de 2008

vi.sualize.us: marcadores externos (sociales) de imágenes


Al mejor estilo de del.icio.us el sitio vi.sualize.us nos permite llevar a cabo la organización de imágenes mientras navegamos por la Web.
La mismas se publican con la descripción (opcional) y mediante tags o etiquetas según nuestro gusto y parecer.
Para usuarios de Firefox está disponible la extensión que aparece en forma contextual al pulsar el botón derecho sobre la imagen.

De idéntica forma que con otro tipo de marcadores sociales, los mismos pueden ser públicos o privados.

Pueden activarse listas de seguimientos, para tener a otros usuarios dentro de nuestra red y se puede además tomar como propios los marcadores de otros.
Share:

sábado, 26 de enero de 2008

Para introducir caracteres extendidos


Alt-codes.net es una cheat-sheet u hoja de ayuda para los caracteres gráficos; indispensables para acceder a aquellos que no nos ofrece el teclado o cuando accedemos a un puesto de trabajo donde sabe-uno-quien configuró el teclado.

El sitio ofrece además los códigos apara acceder a los caracteres gráficos en español:

Para obtener el resultado: mantener pulsada la tecla ALT y con el teclado numérico pulsar los dígitos correspondientes.
Share:

Ningún MP3

Ni mejor ni peor; otros tiempos. No existían ni los virus informáticos, ni los hackers, ni las redes P2P. Wi-Fi hubiese sonado como una variante de chop-suey y 33 1/3 RPM era casi un estándar...




Corría el año 1972...
Share:

Ver un sitio web como un gráfico

Curiosidades

Simplemente es eso, en la dirección Websites as Graphs un applet nos muestra la estructura de un sitio, gráficamente.

www.yahoo.com



www.google.com



www.wikimapia.com

Generado el primer gráfico, el tiempo de espera en los siguientes se reduce. El applet, ya trabaja en modo local. Y hasta resulta intrigante ver como se dibuja y donde se termina de dibujar el gráfico.
Por supuesto a grandes sitios, mayor tiempo de demora en la finalización.
Ya lo dije no? Sólo una curiosidad. No te quita ni te agrega nada...
Share:

300 gráficos vectoriales y sumando


FreeVectors.net es una galería on-line de gráficos vectoriales gratis. Tiene un buscador propietario basado en las etiquetas que los usuarios han agregado a sus trabajos. Por otro lado, a la fecha cuenta con el índice de páginas al pie. No existen categorías, los trabajos expuestos son variados.
No hay explícitas licencias y sólo se requiere un backlink al sitio; cosa que no es obligatoria.


No hay explícitas licencias y sólo se requiere un backlink al sitio; cosa que no es obligatoria.
Share:

Como crear un logo


Precisamente no te voy a enseñar como crear un logo, pero sí hoy no es tu día más inspirado podés recurrir a la sección de logos vectoriales gratis de bestcompanylogo.com.
A la fecha el sitio reúne poco menos de 300 logos en formato EPS.
El sitio tiene un índice que arranca con animales y aviación y termina con viajes y turismo. En el medio, para todos los gustos; un poco de cada uno.

Share:

viernes, 25 de enero de 2008

Como buscar un número de teléfono

Borges en la Biblioteca de Babel, nos cuenta sobre los escritos que pueden encontrarse llevando a cabo una permutación (infinita) de 25 caracteres.
Mucho antes, Borel en 1913, postuló el Teorema de infinitos monos. Donde pulsando teclas al azar sobre un teclado, se obtendrían entre párrafos casi sin significado cualquier libro que se halle en la Biblioteca Nacional Francesa.
No por capricho entonces Montgomery Burns muestra en su mansión, una habitación llena de monos escribiendo a máquina, uno de los cuales es castigado por cometer un error de ortografía en Historia de dos ciudades (risas...)
Pero lo que es verdaderamente sorprendente es que cualquier número telefónico se halla contenido en Pi.
Jeff Clement nos ofrece en su sitio una aplicación para verificar que el número de teléfono que necesitamos está allí verdaderamente.


Por lo que si la próxima vez te cuesta memorizar un número de teléfono, tal vez (!?) sea más simple saber su posición en Pi.
Lamentablemente la comprobación toma solo 7 dígitos (lo cual rastrea una base de 4.2 billones de caracteres).
Share:

La línea del tiempo de los navegadores

Eric Meyer nos muestra en su sitio una línea de tiempo de los navegadores más populares; ilustrativo desde el punto de vista histórico. Pero yendo más allá, desde el marcado hasta el CSS; pedagógico (y hasta inspirador) más que ilustrativo.

Share:

El por qué somos una raza de imbéciles

Hernán Casciari, Orsai.es; es una persona que escribe muy bien y, además, me entretiene. Lo cual es un mérito para él.
Sé que si visito su blog una vez por mes, me voy a encontrar con su última entrada. Es una dosis mensual, esperada. Hernán no escribe todos los días y a veces ni siquiera a lo largo de la semana.
Pero es el trato y la relación (y la fidelidad) que existe entre el autor y el lector.
Su última entrada, Mínimos avances en la cama es el tipo de lectura que me gusta recomendar.
Menos la cama, todo ha mejorado en este mundo. Antes cocinábamos la sopa haciendo fuego con leña, ahora metemos el tazón directamente al microondas; hace medio siglo podíamos tener hasta cincuenta longplays en casa, hoy tenemos quinientas discografías completas en el bolsillo; ayer íbamos a los sitios a caballo y tardábamos meses en llegar, ahora nos movemos en aviones y en tren bala. Todo lo que nos importa ha evolucionado menos la cama, la cama no. Dormir sigue siendo la misma mierda desde el siglo once.

Si seguís el enlace, posiblemente también opines como él. Que lo disfrutes.
Share:

Vecteezy, qué estúpido nombre!


Mediante actualizaciones diarias, Vecteezy nos ofrece varias galerías de gráficos vectoriales en forma gratuita.
La calidad de los trabajos publicados es excelente, de hecho cualquiera puede enviar sus propias producciones; aunque el sitio se reserva el derecho de publicarlas.



Dispone de varias opciones de búsqueda y de filtrado. por categoría, tipo de archivo, licencia, etc.
Como bien dije, son gráficos vectoriales y el formato disponible para la descarga es AI (Adobe Illustartor).
Share:

jueves, 24 de enero de 2008

Las 500 fuentes más populares y gratis

Fonts500.com anuncia que publica las 500 fuentes más bajadas desde los sitios más populares. Aunque no enuncian cuales son esos sitios ni con que frecuencia actualizan sus datos.

La facilidad de comparar fuentes con el ingreso de texto propietario, es útil; para evitar bajar una fuente que, aunque atractiva, no tenga soporte de caracteres extendidos.


El sitio sólo se compone de 5 páginas donde muestra en cada una 100 fuentes y; además, y si no sabés cómo, disponés de un enlace a Como instalar fuentes.
Más allá de la futilidad, es interesante seguir el enlace porque uno termina dando con otro recurso atractivo. Ya que uno se encuentra con Fonso.com

Que reúne fuentes por nombre, autor y una categoría denominada popular.

Aunque la mayoría son freeware, puede haber por ahí alguna fuente en versión demo o shareware o de dominio público.
Share:

miércoles, 23 de enero de 2008

Como hacer encabezados con estilo

Un poco más de CSS, pero ahora para los elementos <H>


Como complemento a otras entradas relacionadas, Heading Style Gallery, es una galería que muestra diversidad de estilos a los elementos <H>



Entradas relacionadas:

Estilos CSS en los formularios

37 formas diferentes de hacer un menú accesible
Un asistente para dar estilos a las tablas
Tablas + CSS: una galería original
Share:

Adios IFrames...!


No creo que sea la solución definitiva a las demandas de traer contenido desde otro documento o desde otro sitio. Tal vez una buena alternativa o una curiosidad...
Orchestr8 nos permite tomar parte del contenido de otro documento y encapsularlo dentro de un widget. Para completar con éxito el requerimiento hay que darse de alta; trámite gratuito, sencillo y rápido.
Con respecto al widget, excepto las dimensiones del mismo, no hay mucho para personalizar. Sólo conservar el aspecto original vía CSS o no. Así como JavaScript, si lo hubiera.






Para este test he tomado parte del contenido de CSSLab - Medidas en CSS
Responde esto al requisito de un IFrame accesible? No, no es un Iframe; técnicamente hablando. Es sólo una manera accesible de mostrar contenido de otro documento; ya que mediante noscript se puede dar una alternativa.
Share:

Hoy tengo la agenda apretada



Share:

martes, 22 de enero de 2008

Estilos CSS en los formularios

Al mejor estilo CSS-Zen Garden, The Form Garden, reúne varias propuestas para hacer más atractivos los formularios.
Todos los trabajos están bajo licencia Creative Commons Share-Alike

Entradas relacionadas: Tablas + CSS: una galería original
Share:

Ídolos: renombrando etiquetas

Decidí cambiar los tags o etiquetas de las entradas que contenían los videos de Enjuto Mojamuto.
Antes: off topic, me gustó; ahora Enjuto Mojamuto.
Luego de ver por milésima vez el de Ídolos me siento tentado a llevar a cabo mi propia lista.
Pero ahora no voy a hacer una lista, pongo a alguien que creo que sigo desde que publicó su primer artículo.
Así es, el Sr. Stu Nicholls de CSS Play.
Jah! siempre funciona la búsqueda css stu en Google.
Decir que es fuente de inspiración, es poco. Lo que hace este señor con CSS... no tiene nombre.
Share:

Se acabó la tranquilidad (sic).

Google y los blogs y los blogs de Google


Vía Vagabundia doy con la respuesta a inconvenientes que tuve en mi blog durante el pasado fin de semana.
Especialmente bajo el tópico: "Algunas etiquetas se muestran de manera errónea y los contadores de posts muestran valores erróneos".
Confieso que busqué la causa o el síntoma a través de la blogsfera, lo cual debiera haberme conducido a algún tipo de respuesta. Ya que la documentación de la misma precedía en 3 ó 4 días a los míos. Pero no fue así; pensé en mi abuela, que bien decía: "mal de muchos consuelo de tontos."
Pero no encontré nada y, como durante el fin de semana estuve implementando la sección Entradas recientes, Entradas recientes de otro blog (o del nuestro). Pensé o sospeché que algo debí tocado (o haberme llevado por delante) con respecto al código.
Confieso que después de haber tocado un par de veces la forma en que se muestran las fechas en el blog, la cosa volvió a la normalidad. Ingenuo de mí, porque ahora descubro que la solución fue cuando en Mountain View terminaron de tomar la merienda y se pusieron a trabajar.
No obstante y gracias a JMiur ahora tengo los feeds de otros 2 blogs oficiales de Google:

Blogger Status
Known Issues for Blogger

Para quienes quieran saber cuales son los otros (que yo tengo)

Oficial Google Blog
Programa con Google

off-topic: sic (latín) apócope de sicut: así, de este modo.
Comúnmente para citar que la frase o palabra es traída así desde otro contexto. De esta forma (aunque no es el caso) se puede repetir, si la misma tiene o contiene errores gramaticales o de puntuación.
Share:

Todas las marcas del mundo

El título de mi entrada es demasiado pretencioso, pero no lo pude evitar. Sería la síntesis que daría, si alguien en lo coloquial, me preguntase acerca de Brands of the world
De otra manera, ellos, con muy criterio llaman al sitio Las mejores marcas del mundo.
Este sitio deja a disposición de los diseñadores el acceso a gráficos de vectores de marcas bien conocidas, para ser utilizadas en presentaciones (por ejemplo) con el permiso de los correspondientes propietarios.

Asimismo, entusiasma a los diseñadores a subir sus propias creaciones acerca de logotipos.
El acceso a las imágenes se puede realizar a través del robusto sistema de búsquedas o bien a través del índice alfabético o por autores o categorías.
De otra manera, los logos están también distribuídos por país de origen (autor del archivo).
Las imágenes están en formato PostScript Encapsulado (EPS) y, si mal no conté a través de los índices, hay cerca de 141.000 logos disponibles.
Si, a alguno la extensión lo le resultase familiar, como siempre sugiero ver Filext.com

Aclaro: la descarga de las imágenes es gratuita, el uso de las mismas está bajo los derechos comerciales y de marcas de sus respectivos dueños.

Entradas relacionadas: 4900 Logos vectorizados
Share:

Buenos o malos vecinos

El sitio Bad Neighborhood reúne algunas herramientas muy útiles para el común de aquellos webmasters que invierten recursos a lo largo del día en estrategias SEO.

A lo que me refiero es una herramienta que analiza la calidad de los sitios a los que estamos enlazados.

Los enlaces de texto son un factor importante dentro del área de SEO, y el intercambio de enlaces con otros sitios web. Por otro lado, llevando a cabo un intercambio de enlaces con sitios que están penalizados, va en detrimento de los buenos resultados.
Esta es una buena herramienta para determinar la calidad de los mismos.

Share:

lunes, 21 de enero de 2008

TinyApps: el lugar para la aplicaciones pequeñas


TinyApps.Org es una guía de software pequeño, en su mayoría gratis.
Sus secciones principales son:
  • Internet
  • Texto
  • Gràficos
  • Sistema
  • Archivo
  • Misceláneos
  • Palm
  • OS X
Rescato, rápidamente, varios programas, dentro de cada área:

Internet


Lynx for Win32: un navegador basado en texto.
Kill html: ideal para convertir rápidamente cualquier documento HTML en texto plano, ya que remueve todos los tags.
sHTMLc: convierte caracteres en entidades de caracteres. Ver entrada Insertar HTML en un blog.

Texto


KeyNote 0.999: potente gestor de notas

Gráficos


IrfanView 3.8: visualizador de archivos en formato gráfico.
JR Screen Ruler: para tomar medidas de objetos en la pantalla. Jah! la primer entrada de este blog JR Screen Ruler.
CatFish 1.9: catálogo de discos.

Misceláneos


TinyCD: un CD player de 60 K
Share:

Entradas recientes de otro blog (o del nuestro)

Días atrás terminé de implementar la sección de entradas recientes.
Es sólo un script y está provisto por FeedBurner. El resto fue solo CSS para dar forma y ocultar aquellos tags que no pretendo mostrar.
Especialmente porque sólo quería publicar el título de cada entrada, sólo de las últimas.
Bueno y qué para lograr lo mismo si no fuese usuario de FeedBurner?
Encontré precisamente un sitio que genera un widget al respecto.


Wigitize. Sólo hay que informar la URL desde donde van a tomarse los feeds, y la aplicación genera el resto.


Luego, simplemente, hay que copiar y pegar el código donde queremos que aparezcan las últimas entradas.
Se puede optar por las visualizaciones por defecto o, en cambio, que el CSS corra por nuestra cuenta.
Share:

viernes, 18 de enero de 2008

61225 Iconos gratis

SearchIcon.net es una extensa base de datos compuesta por una cantidad considerable de íconos gratuitos, en formato PNG algunos y GIF en otros.


Pueden combinarse palabras claves, para una búsqueda más eficiente.
Share:

Convirtiendo archivos de texto a PDF vía e-mail

Lo bueno de este servicio, es que ni siquiera hace falta realizar la conversión desde el sitio; sólo hace falta un cliente de correo, la conexión a Internet y enviar un mail.
Dónde?
A pdf@koolwire.com
Hay que enviar el archivo como adjunto. Probé con texto plano (TXT) y con un documento de Word (DOC) y a vuelta de correo recibís el contenido en formato PDF.
Soporta los siguientes formatos, para la conversión:
  • Word (DOC)
  • Powerpoint (PPT)
  • Excel (XLS)
  • Jpeg
  • GIF
  • Texto enriquecido (RTF) y
  • texto plano (TXT)
Share:

Zotero

Vía Extensiones Firefox, doy con esta sorprendente extensión para Firefox.
Desde mi punto de vista, sostengo que cambia radicalmente la forma de recopilar información mientras uno navega en la Web.
Para muestra, aunque en inglés, el video:








Zotero ha sido desarrollado en la Universidad George Mason, Centre for History and New Media, aportando su experiencia en el tratamiento de datos bibliográficos, y eso se nota.

Reducir en un simple post todas las características y funciones de Zotero es difícil, pero por nombrar algunas podemos destacar que permite:

  • Integrar cómodamente todo tipo registros.
  • organizar y clasificar en carpetas los diferentes trabajos y/o colecciones de datos.
  • Agregar información adjunta, anotaciones y etiquetas.
  • Exportar los datos a diferentes sistemas formatos como: Zotero RDF, BibTeX, RIS, Refer/BIX y MODS (Metadata Object Description Schema) desarrollado por la Library of Congress a partir de otro estándar bibliotecario como es MARC (MARCXML).


Share:

Un motor de búsqueda para imágenes gratis

Every Stock Photo es un potente motor de búsqueda de imágenes. Basado en ofrecer resultados con licencias gratuitas, aunque algunas imágenes pueden estar bajo otro tipo de licencias.
Desde su lanzamiento, en abril del 2006, está operativo en Vancouver bajo la administración de su propietario: Vibrant Software.
Dispone de opciones en búsquedas avanzadas y la posibilidad, además, de tramitar una cuenta gratuita para administrar colecciones.

Share:

Steve Jobs: un discurso inspirador

El video no es nuevo, no está en el top de YouTube, está publicado hace más de una año y todavía no llega a las 100.000 visualizaciones.
Se trata del discurso de Steve Jobs, fundador de Apple, NeXT y el estudio de animación Pixar, en la ceremonia de apertura 114 en la Universidad de Stanford (ciclo 2005).
Subtitulado en castellano



Gracias Betty!
De no ser por vos, me perdía esta lección.
Share:

Como generar una paleta de color

Dentro de las herramientas que ofrece Colors on the Web, está la versión 3 de Color Wizard, siendo esta versión una aplicación basada en Flash.
A partir de un color, pueden generarse paletas
  • Monocromáticas
  • Analógicas
  • Triádicas
  • Tetrádicas
  • Complentarias
Así también pueden obtenerse variaciones de tonalidad y saturación


Share:

Publicidad

Estadísticas