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

domingo, 28 de febrero de 2010

Insertar HTML con Lorem Ipsum

HTML Ipsum
HTML Ipsum es un recurso online en el que disponemos de varias estructuras para su utilización:

  • párrafo largo
  • lista desordenada (pocos items)
  • mix estructural (encabezados, párrafos. listas, etc)
  • párrafo mediano
  • lista desordenada (muchos items)
  • formulario de ejemplo
  • un párrafo
  • lista ordenada (pocos ítems)
  • tabla vacía
  • lista de definición
  • lista desordenada (navegación)
  • lista de navegación estándard



Insertar HTML con Lorem Ipsum

Su uso, es simple; sólo hay que efectuar un click sobre el título para que el contenido estructural que nos brinda la aplicación quede en el portapapeles del sistema.



Sitio Web | HTML-Ipsum
Entrada relacionada | Marcado HTML con Lorem Ipsum
Share:

viernes, 26 de febrero de 2010

Ver las propiedades del texto

Font Finder es una extensión para Firefox, que rápidamente nos ofrece la información CSS con que un texto seleccionado es presentado.

Font Finder
Una vez seleccionado el texto deseado y mediante el botón secundario del mouse, se visualiza esta información tras elegir la opción Font Finder en el menú contextual.

A esto efectos—solamente—la información que se obtiene compite, claro está, con la que nos puede suministrar Firebug; pero bien, sin números de línea en el CSS ni nada en contexto.

Me gustó, especialmente, la distinción que la extensión lleva a cabo entre el font-family y el font que está siendo renderizado.

Instalar extensión | Font Finder
Share:

Cuando tejer ser convierte en obsesión

El video del viernes



Animación dirigida por by Laura Neuvonen
Finlandia - 2005

Video | 6:45min


Share:

jueves, 25 de febrero de 2010

Como generar un menu CSS | menubuilder.me

menubuilder.me

menubuilder.me es la clásica aplicación online que yo, personalmente, califico como ideal para lazy webmasters pero en definitiva—y sin muchas pretenciones—te permite construir en un básico modo interactivo, tanto un menú vertical como horizontal.


generar menu CSS

Finalemente, el resultado lo bajás en un archivo ZIP que contiene la imagen por default y la que corresponde al evento mouseover, el resto HTML y CSS todo-en-uno.

Sitio Web | menubuilder.me
Via | Feedmyapp
Share:

miércoles, 24 de febrero de 2010

Hera FFX - accesibilidad con Sidar

Hera FFX es una extensión para Firefox que ha sido desarrollada por latrasweb para Sidar.
Hera-FFX es una herramienta de accesibilidad web que realiza un análisis automático preliminar y da soporte para realizar una revisión manual de las páginas web que se están visualizando en el navegador web Mozilla Firefox.

Esta manera de proceder es posible puesto que Firefox permite incluir plugins o extensiones que son pequeñas aplicaciones que se encuentran "incrustadas" en el navegador.
Existen algunas diferencias entre el conocido Hera y Hera FFX—entre otras—
Hera-FFX es una aplicación autónoma, mientras que Hera servidor es una aplicación web y por tanto necesita de conexión a internet lo que se puede traducir en un entorpecimiento de la interactividad con el usuario.
La extensión puede descargarse desde la página de Sidar; así también como el manual. Disponible en formato DOC, PDF y ODT.

Instalar | Hera FFX
Share:

Las 10 leyes de Internet

1. Ley de Godwin: La más famosa de las leyes de internet, enunciada por Mike Godwing en 1990. Estipula que

A medida que una discusión en Internet se alarga, la probabilidad de que aparezca una comparación en la que se mencione a Hitler o a los Nazis tiende a uno

2. Ley de Poe: Enunciada por Nathan Poe en 2005, durante una discusión sobre la evolución con fundamentalistas cristianos.

Si no se utiliza un smiley, o alguna otra demostración obvia de la intención humorística del texto, es imposible crear una parodia del fundamentalismo que alguien no confunda con fundamentalismo de verdad

3. Regla 34: Una de las populares Reglas de Internet de 4chan. Esta regla en concreto dice que

Si existe, hay porno sobre ello

Películas, documentales, objetos cotidianos, … todos sucumben ante la Regla 34

4. Ley de Skitt: Una ley con la que hay que tener cuidado. Atribuida a G Bryan Lord en 1998, respecto de un usuario de Usenet llamado Skitt, establece que

Todo mensaje que corrija el mensaje de otro usuario contendrá a su vez al menos un error

5. Ley de Scopie: Trata sobre las páginas con teorías conspiranoicas y su uso en las discusiones Web

En cualquier discusión sobre ciencia o medicina, citar a Whale.to como fuente fiable equivaldrá a perder la discusión automáticamente, y a ser expulsado con sorna por el resto de usuarios

6. Ley de Danth: Toma su nombre de un usuario de los foros de RPG.net.

Si en una discusión de Internet tienes que insistir en que ganaste, es probable que hayas perdido de forma escandalosa

7. Ley de Pommer: Propuesta por Rob Pommer en 2007, dicta que

La opinión de una persona puede cambiar tras leer información al respecto en Internet. La naturaleza del cambio es tal que se pasa de no tener opinión a tener una opinión equivocada

8. Segunda Ley de DeMyer

Cualquier persona cuyo argumento consista principalmente en citas enormes puede ser ignorado sin miedo, y se considera que perdió la discusión antes de haber empezado

9. Ley de Cohen

Cualquiera que recurra al argumento de que “cualquiera que recurra al argumento de que… pierde el debate automáticamente”, pierde el debate automáticamente

10. Ley de la exclamación

Cuantos más signos de exclamación contenga un correo electrónico (o cualquier otro mensaje en Internet), más posibilidades hay de que sea todo mentira. Esto también se aplica para el exceso de letras mayúsculas


Vía | Mundo geek
Share:

martes, 23 de febrero de 2010

Gmail como copia de seguridad

Gspace es una extensión para Firefox que utiliza el espacio disponible de nuestra cuenta de correo en Gmail para alojar nuestras copias de seguridad.

Gspace

Al momento de escribir estas lineas, Gmail me ofrece poco más de 7Gb para alojar mi correo. Y en mi caso, sólo estoy usando casi el 1% de ese espacio. Gspace se encarga de darle a este espacio el tratamiento de un drive virtual y permite el envío de información a la cuenta. Luego, desde el lado del cliente de correo, los uploads se ven como correos recibidos con una archivo ZIP adjunto. Esto no da la posibilidad de acceder a nuestras copias de seguridad con independencia de la extensión que generó las mismas.

Instalar extensión | Gspace
Share:

BetterMe - un feedback anónimo

BetterMe - un feedback anónimo

Tengo la sensación que Better me es la respuesta ideal a la búsqueda de un feedback verdaderamente anónimo; en referencia a nuestros usos y costumbres y publicaciones y lo-que-se-te-ocurra, que necesite un respuesta comprometida y anónima.

El uso es simple y efectivo. Se tramita la cuenta a través del sitio Web—lo cual es gratuito—y luego de verificar el correo electrónico de la cuenta es posible enviar a un recipiente (uno o varios mails de destino) el punto de vista anónimo de nuestras consideraciones; las que fueran, hay que recordar que es anónimo.

BetterMe

El/los destinatario/s reciben una notificación, vía Better Me; ante quien deberán tramitar su cuenta para recoger el parecer de nuestro usuario, compañero de trabajo, vecino, inquilino, etc, etc y un infinito etc.

Entiendo que el medio de aplicación no tiene límites. Sólo es condición el conocimiento de la dirección de correo de quien queremos vertir una opinión.

—Favor contactarme para enviar email vecina del piso de arriba: OMG! qué ruido hacen a menudo sus hijos...!

Sitio Web | Better me
Vía | Delicious
Share:

Opciones para generar el sitemap.xml

Siguiendo los enlaces declarados en el archivo sitemap.xml los motores de búsqueda como Google, Yahoo! y Bing conocen la estructura de cualquier sitio Web.

Mantener actualizado este archivo es una buena práctica:
  1. la estructura y uso de este archivo es un protocolo estándard definido en sitemaps.org
  2. los crawlers pueden llegar a descargarlo a cotidiano
  3. Google News Sitemap Generators
  4. Code Snippets / Libraries

generar el archivo sitemap.xml

El Google Code hay publicado—a modo de wiki—una buena y extensa lista con alternativas de terceras partes para generar el archivo de mapa del sitio (tipo Web no el formato HTML) separados en las siguientes categorías:

  • Server-side Programs
  • CMS and Other Plugins
  • Downloadable Tools
  • Online Generators/Services


Sitio Web | Generadores Sitemap
Share:

lunes, 22 de febrero de 2010

Los usuarios Buzz más populares

Motores de búsqueda alternativos



Gone Buzz no sólo es un buscador de usuarios de Google Buzz; sino que, además, un lugar al cual subir tu profile de Buzz y permitir que otros usuarios te encuentren.

Los usuarios Buzz más populares

Sitio Web | Gone Buzz
Share:

viernes, 19 de febrero de 2010

Elefantes que pintan elefantes

El video del viernes



Como todos los viernes, intento traer al blog un video; si me resulta agradable y breve cumple la condición y obtiene su lugar.

En este caso, falla la segunda; son poco más de 8 minutos. Pero que se la va a hacer!

—Me gusta la pintura y me gustan los elefantes.


Video | 8:28 min


Share:

jueves, 18 de febrero de 2010

barra de herramientas SEO | Affilorama

Affilorama es una extensión para Firefox que provee información muy útil en cuanto a SEO. Básicamente es un barra de herramientas que lleva a cabo un rápido y eficiente análisis del dominio a consultar.

Affilorama

Affilorama lleva a cabo la evaluación del dominio tomando datos de las siguientes fuentes:
  • Google PageRank
  • Alexa Traffic Rank
  • Complete Traffic Rank


En cuanto a la info SEO que muestra:
  • Backlinks al dominio consultado comparando Yahoo! y Google
  • Páginas indexadas en Yahoo! y Google
  • Detalle de la info on-page: title, meta keywords, meta description y encabezados H1 y H2
Finalmente, el análisis de enlaces tanto internos como externos como aquello marcados como no-follow que es complementado con los siguientes datos:

  • Comprobación de la info registrada en Whois para el dominio consultado
  • Lectura del contenido del archivo robots.txt
  • Edad del dominio
  • Comprobación de la existencia del mapa del sitio en formato XML y su contenido
Un análisis que puede llevarse a cabo consultando más de una fuente; en este caso: todo-en-uno

Instalar extensión | Affilorama Firefox SEO Toolbar
Share:

miércoles, 17 de febrero de 2010

en Twitter tu foto de Flickr

en Twitter tu foto de Flickr

flick.to.twitt es una aplicación Web que te permite publicar un tweet en Twitter cuando publicás tu foto en Flickr.

El sitio no requiere registración para su uso; sólo es necesario contar con una cuenta en Flickr y una en Twitter.

flick.to.twitt

La aplicación fue desarrollada en Portugal por Marco Almeida(aka @Wonderm00n) como un proyecto personal; pero ahora Marco ha decidido abrir el servicio y ponerlo a disposición de los usuarios como una beta pública.


Sitio Web | flick.to.twitt
Share:

martes, 16 de febrero de 2010

Como buscar en Google Buzz

Motores de búsqueda alternativos



La firma inglesa WorkDigital ha lanzado recientemente un motor de búsqueda para Google Buzz, llamado Buzzzy.


Como buscar en Google Buzz

Buzzzy muestra resultados desde diversas fuentes, como ser Twitter y FriendFeed y otros como Google Reader, Flickr y LiveJournal.

Sitio Web | Buzzzy
Vía | Wwwhatsnew > cnet.com
Share:

lunes, 15 de febrero de 2010

Un directorio de bookmarklets

un directorio de bookmarklets
Un bookmarklet es una pequeña pieza de código—generalmente en Javascript—que lleva a cabo una función en particular y es presentada en forma de applet.

Bookmarklet Directory se presenta como un recurso digno de tener entre los marcadores, ya que es un sitio Web que recoge a modo de directorio, la mayoría de los bookmarklets disponibles.

La instalación—si es que esto existe, perdón—de estos applets es sencilla; sólo requiere arrastrar el enlace a la barra de herramientas y comenzar a usarla.


Sitio Web | Bookmarklet Directory
Share:

Nubes de etiquetas en las búsquedas

Search Cloudlet

Search Cloudlet es una extensión para Firefox que inserta nubes de etiquetas (aka tags clouds) en buscadores como Google, Yahoo! y hasta dentro del mismo Twitter.


Nubes de etiquetas en las búsquedas

La extensión permite personalizar como y cuando mostrar estas nubes de etiquetas; que a modo de resumen—ya la hemos estado viendo en blogs—propone hacernos la vida mucho más sencilla cuando nos enfrentamos a los resultados de búsqueda.

Sitio Web | Search Cloudlet
Instalar extensión | Search Cloudlet
Share:

domingo, 14 de febrero de 2010

buscador de archivos PDF | PDFgeni

PDFgeni

Motores de búsqueda alternativos


PDFgeni es un buscador—pura y exclusivamente—de archivos PDF. PDF es el acrónimo de Portable Document Format y es un formato creado que fue creado por Adobe y permite el intercambio de información con independencia de la plataforma de trabajo que lo genera. De esta forma, por ejemplo, usuarios de Mac o Windows pueden intercambiar documentos en este formato sin necesidad de contar con otro elemento adicional que el propio viewer o visualizador.

Con tecnología propietaria de Issuu, la aplicación nos permite previsualizar el documento en pantalla. De otra forma, se puede visualizar mediante el Reader.


Sitio Web | PDFgeni
Share:

sábado, 13 de febrero de 2010

Como bajar todos los videos

Como bajar todos los videos

Tal vez demasiado pretencioso, pero sí Keep Tube te permite bajarte los videos desde cualquier sitio o red social.

Este servicio, no sólo está disponible desde su sitio Web sino, además; ahora disponible en formato extensión para Firefox.

Keep TubeAlgunos de los sitios que soporta y el formato que se puede obtener, a continuación:
  • Dailymotion (HQ MP4, FLV)
  • Magavideo (HD/HQ FLV)
  • Google (HQ MP4, FLV)
  • Vimeo (HQ MP4)
  • Break (HQ MP4, FLV)
  • Veoh (HQ MP4, FLV)
La lista completa (y los formatos) de sitios soportados disponible en:
http://keep-tube.com/supported-websites.php
inclusive web sites XXX o PM18

Sitio Web | Keep Tube
Instalar extensión | Keep Tube
Share:

viernes, 12 de febrero de 2010

Planetas y estrellas en escala

El video del viernes

La siguiente es una animación que muestra en escala el tamaño relativo de algunos planetas de nuestro sistema solar y estrellas de nuestra universo.

La música, por cierto, es el tema Such Great Heights de The Postal Service

La animación original fue realizada por cycomedia.net, preferi incluir esta versión vía transbuddha.com ya que tiene banda de sonido.

video | 1:26 min




Vía | ABC.es
Share:

jueves, 11 de febrero de 2010

LightShot | screenshot para Firefox

LightShot es una extensión para Firefox para tomar capturas de pantallas; la cual—verdaderamente—es un interesante herramienta sin opciones inútiles.

Se pueden tomar instantáneas de pantalla, redimensionar las mismas y hasta mover el área antes de la captura. Permite también, subir la imagen a un servidor de imágenes; como ImageShack, por ejemplo.

El proceso es rápido y sencillo; y la extensión, permite además, una suerte de post-edición sencilla como es agregar líneas y texto a la imagen generada.

Instalar extensión | LightShot
Share:

miércoles, 10 de febrero de 2010

done.io | lista de cosas para hacer

Done es una sencilla aplicación para manejar una lista de cosas para hacer (aka to-do list)
Sólo es necesario registrarse para el uso, lo cual es gratis y con una cuenta de correo es suficiente.

done.io

Permite—fácilmente—alterar el orden de las cosas pendientes, así como marcar las cosas que están hechas o y volverlas a su estado anterior o eliminarlas.

Su uso es sencillo e intuitivo es gratis y la URL es fácil de recordar: done.io

Sitio Web | done.io
Vía | Feedmyapp
Share:

lunes, 8 de febrero de 2010

Reemplazar colores en las hojas de estilos

CSS Color Editor

CSS Color Editor es un recurso online que básicamente permite llevar a cabo cambios en los colores de los archivos CSS (aka hojas de estilo)

El trámite es sencillo y, por cierto, enteramente visual. Se carga el archivo CSS, tras los cual se percibe la amplitud del esquema de colores. A columna siguiente, mediante los sliders o deslizadores correspondientes se elige el color. La aplicación soporta—adicionalmente— el ingreso de colores en los siguientes formatos:
  • Hex
  • RGB
  • HSV
  • CMYK

Reemplazar colores en las hojas de estilos

Quienes sean usuarios de COLOURlovers se habrán dado cuenta que esta es la parte no-propietaria. Como paso final, solo resta descargar el archivo. A esta altura, cabe señalar, muchos tendrán su propia rutina para estos efectos; bueno es saber, contar con algo adicional ¿no es cierto?

Sitio Web | Replace CSS Colors
Share:

sábado, 6 de febrero de 2010

Todos los bugs de IE8

IE8 Bugs es un sitio Web de referencia, donde el autor James Hopkins, está publicanco los diferentes bugs de Internet Explorer.

Las categorías, son las siguientes:
  • CSS (63)
  • HTML (4)
  • DOM (2)
  • Javascript (1)



Entre paréntesis la cantidad de reportes correspondientes a cada categoría.

Sitio Web | IE8 Bugs
Share:

Comprobaciones automáticas | SEO Site Checkup

SEO Site Checkup es una herramienta de comprobación automática que, por cierto, no resolverá tus problemas de posicionamiento en Google (aka SEO), pero te dará unas buenas pistas para que sepas por donde empezar.

SEO Site Checkup


Sitio WEB | SEO Site Checkup
Share:

Como grabar una pagina Web en PDF

PDFmyURL

PDFmyURL es una sencilla forma de volcar el contenido de tu página Web a un documento PDF.

Son varias las opciones para obtener este resultado:
  1. Introduciendo la URL en la webAPP
  2. Generando nuestro propio enlace
  3. Mediante un bokkmarklet
A referencia de la opción 2, podemos crear un enlace en nuestra página. Que diga descargar el contenido de esta página en formato PDF.


<a href="http://pdfmyurl.com?url=www.midominio.net">
descargar el contenido de esta página en formato PDF</a>


Sitio Web | PDFmyURL
Share:

View on Flickriver

View on Flickriver es una extensión para Firefox que exprime todo el potencial de Flickriver.

View on Flickriver

Precisamente, una entrada anterior; hace referencia a dicho sitio Web: Ver Flickr de otra forma

Instalar extensión | View on Flickriver
Share:

viernes, 5 de febrero de 2010

Como comprobar los redireccionamietos

Como comprobar los redireccionamietos

Esta herramienta de comprobación de redirecciones mira diferentes variaciones de URLs de tu página de inicio y el reporte devuelve el código de respuesta de cada una.

Para que el sitio esté adecuadamente configurado sólo una página debe devolver un código de respuesta 200. Otras página podrán devolver un 404 o 301. De otra manera podemos potencialmente estar devolviendo contenido duplicado.

Redirect Check Tool - Report

—Obviamente, no creo que Google se preocupe porque 2 de sus URLs devuelvan un código de respuesta 200 ¿no es cierto?

Sitio Web | Redirect Check Tool
Share:

Textos digitales accesibles para todos

La accesibilidad debería estar en la génesis de la política educativa, pero suele estar en el último eslabón

Es lo que manifiesta Jimena López, estudiante de 22 años alumna de quinto año de la Escuela de Ciencias de la Información (ECI) de la Universidad Nacional de Córdoba (UNC).

Jimena López

Jimena es la impulsora de un proyecto de digitalización de textos para universitarios ciegos o con baja visión. Y ha conseguido becas y colaboración para montar una infraestructura que permitirá su uso desde Córdoba (Argentina) a buena parte de América Latina.
El material se sube a una documentoteca, un espacio virtual: www.redmate.org. Los usuarios ciegos tienen una contraseña para acceder a los textos desde ahí. La ECI trabaja en conexión con la Asociación Civil Tiflonexos (en colaboración con la Universidad de Buenos Aires) y con la Unión de Ciegos de Uruguay. Todos conforman la Red Mate.
—“Si cualquier alumno tiene apuntes, el ciego también tiene que tenerlos”, dice Jimena quien tiene una ceguera adquirida a los 3 años.

Fuente | LAVOZ.com.ar donde recomiendo leer la nota completa y si podés, divulgá esta noticia
Vía | @RosarioEstudia > @chicaseo
Share:

Editor de fotos online | Citrify

Editor de fotos online | Citrify

Citrify un sencillo editor de fotos online con poderosas prestaciones.



Sitio Web | Citrify
Share:

Ella toma una foto cada día

El video del viernes


Ella toma una foto cada día

Una foto por día, cada día. Esa fue la premisa y la autora del blog clickflashwhirr se tomó 200 fotografías.

En el blog, pueden verse cada una de las 200 imágenes, en el video sólo te toma 20 segundos

Video | 0:22 min




La música: Perpetuum Mobile ejecutada por Penguin Cafe Orchestra—ya la busqué en YouTube y está acá
Share:

Notas adhesivas recordatorias

Listhings es una aplicación Web que nos permite mantener en nuestra cuenta, la cual es gratuita—por cierto—varias pizarras virtuales. La mejor adaptación de la clásica pizarra de corcho para pegar notas que he visto.

Notas adhesivas en recordar tareas
La aplicación permite arrastrar y soltar la notas, como así también redimensionarlas y cambiarles el color de fondo. El cual, por cierto, tiene un comportamiento aleatorio cada vez que se genera una nueva nota.

Es muy fácil mover las notas entre los diversas pizarra creadas: sólo hay que arrastrar la deseada hasta el título de la pizarra destino.

La aplicación, básicamente, no funciona ni como agenda ni como recordatorio con alarma de eventos. Pero se comporta muy bien si se tiene la posibilidad de trabajar con un escritorio dual y mantener estas notas en el monitor secundario.

Sitio Web | Listhings
Share:

miércoles, 3 de febrero de 2010

Tu navegador es actual?

findmebyIP

Lista de soporte de navegadores para Diseño Web



En findmebyIP llevan a cabo una tarea semanal de actualización de una lista de soporte—HTML5 y CSS3— de los principales navegadores:

Comparando en Mac a Firefox y Safari y en Windows
  • Firefox
  • Safari
  • Chrome
  • IE
  • Opera




Los items contemplados en las pruebas semanales son:
  • HTML5 Embedded Content
  • HTML5 Web Applications
  • CSS3 Properties
  • HTML5 Forms 2.0
  • CSS3 Selectors

—Por cierto, tu navegador es actual?

Sitio Web | findmebyIP
Share:

martes, 2 de febrero de 2010

Unicode Input Tool Converter

Hace poco más de 1 año atrás, precisamente, comentaba sobre como Como convertir HTML a entidades recomendando una extensión para Firefox al respecto.

La actualización a Firefox 3.6 nos dejó el mes pasado con algunas extensiones de lado. Unicode Input Tool/Converter, fue una de ellas.

Unicode Input Tool/Converter

Unicode Input Tool/Converter te permite fácilmente ver Unicode, buscar caracteres (en deci y en hexadecimal) y visualizar y convertir entidades HTML.

Instalar extensión | Unicode Input Tool/Converter
Share:

Publicidad

Estadísticas