Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de Octubre de 2007

Domobay, un eBay para domainers

Si buscas un nombre de dominio o quieres encontrar una forma sencilla de poner a la venta alguno de tu propiedad, atento a Domobay.

Domobay

Domobay es un sitio de subastas en castellano, al más puro estilo de eBay, con la particularidad de que lo que se manejan son nombres de dominio.

Para poder darte de alta deberás hacer un depósito de 30€ que se añadirán a tu saldo para compras y ventas. Poner a la venta un dominio es gratis pero si tu transacción se completa con éxito, Domobay se cobrará una comisión (un porcentaje dependiendo del precio final del dominio). Además, dispones de diversas opciones de pago para resaltar tus subastas en los listados.

Sin duda puede que a la mayoría nos eche para atrás el tema del depósito inicial pero si encontramos un dominio que nos interese puede valer la pena registrarse ya que ese depósito se traduce en saldo para compras.

Si alguno habéis comprado o vendido algún dominio con Domobay, contadnos vuestra experiencia en los comentarios.

Domobay: http://www.domobay.com

Via Wwwhat’s new?

Premailer, preparando tu HTML para ser enviado por correo electrónico

Si alguna vez has tenido que maquetar un boletín de correo electrónico o algún tipo de página HTML destinada a ser enviada por correo, sabrás lo rápido que se convierte en un engorro al tener que emplear estilos en línea.

Además, como no podía ser menos, los diversos clientes de escritorio y webmails tienen carencias y no todo lo que puedes hacer con una página web, puede ser enviado y visto correctamente por e-mail.

Premailer es un script creado por Alex Dunae que te permitirá convertir una página HTML normal y corriente en una página “lista para enviar”.

Con solo introducir la URL de un documento HTML Premailer se encargará de todo por tí:

  • Los estilos CSS serán convertidos en atributos en línea
  • Las rutas relativas serán convertidas a rutas absolutas
  • Las propiedades CSS serán probadas contra las capacidades de los clientes de e-mail, siguiendo la guia de Campaign Monitor
  • Se creará una versión en texto plano

Cabe recordar que es un script en desarrollo y algunos resultados pueden resultar desastrosos. No obstante, su autor trabaja constantemente para mejorarlo.
Premailer está construido en Ruby y Hpricot y dispones del código fuente por si quieres descargarlo y echarle un vistazo.

Premailer: http://code.dunae.ca/premailer.web/

Editores libres y freeware de HTML, CSS, Javascript y PHP para Windows

Hace unos días, en los comentarios del post sobre editores de código para Gnome, Sergio pedía un artículo similar pero centrado en Windows y, ya que lo prometido es deuda, aquí traigo esta pequeña recopilación.

Editores Libres:

La mayoría de los editores libres ya los comentamos al hablar de editores para Linux. Además de ser excelentes programas son multiplataforma, lo cual supone una ventaja adicional: nos permite escoger libremente nuestro sistema operativo sin necesidad de cambiar de herramientas.

Editores Freeware:

No es lo común en este blog pero, en el caso de los editores de código para windows, existen numerosas piezas de freeware que merecen mucho la pena. No son libres pero si gratuitas y funcionales.

Si queréis mi opinión a la hora de elegir me decanto por Aptana y Notepad++ entre los editores libres y Komodo Edit (disponible también como freeware para linux) de entre los freeware.

Como siempre, si conocéis alguno que se me haya escapado dejadlo en los comentarios.

Mejorando la usabilidad de nuestras tablas

Cuando usamos las tablas para lo que son, mostrar datos, se convierten en elementos realmente útiles. Con una tabla bien planteada podemos transmitir gran cantidad de información en poco espacio, de una forma ordenada y sencilla de entender.
No obstante, cuando nuestras tablas empiezan a acumular demasiados datos puede hacerse confuso consultarlas. Al menos yo si me reconozco haciendo lineas con los dedos por la pantalla para encontrar la unión entre una fila y determinada columna, supongo que sabéis a lo que me refiero.

En los últimos días se han dado a conocer dos aproximaciones a este tema, la solución consiste en variaciones de una idea común: destacar la celda sobre la que coloquemos el ratón así como las línea y columna a las que pertenece.

Ejemplo de tabla con la fila y la columna claramente resaltadas

Por un lado tenemos la solucion de The CSS Guy, una solución totalmente manual con un poquito de javascript [ver ejemplo]

Por otro lado surge Tablecloth, una pequeña librería javascript que incluye una hoja de estilo bastante agradable y múltiples opciones para nuestras tablas. Una solución más rápida y, sin duda, cómoda para los menos avezados con el javascript y las css.

Escoged la que más os guste y no dejéis de hacer vuestras tablas mucho más sencillas de leer, sobre todo si vais a usar tablas largas o complicadas.

pForm, generando formularios HTML en dos segundos

Se me ocurren un montón de situaciones en las que podemos agradecer tener a mano un generador de formularios como este.
Con pForm podrás tener un formulario en HTML (relativamente bueno) con un bonito estilo. Para ello sólo tendrás que seleccionar un esquema de color, escoger los campos y escribir las etiquetas que los acompañarán.

pForm

El resultado podréis descargarlo para integrarlo en vuestros sitios comodamente y gratis.

pForm: http://www.phpform.org/

Un colorpicker como el del Photoshop

John Dyer, cansado de las limitaciones que tienen los colorpickers más conocidos, ha creado uno que imita a la perfección el del Photoshop. Su colorpicker nos ofrece todas las opciones de selección de colores disponibles en los programas de escritorio (H, S, V, R, G, B)

PhotoShop-like color picker

El resultado es realmente impresionante, puede que haya ya muchos colorpickers pero este merece sin duda un vistazo en profundidad.

PhotoShop-like Javascript color picker

Via Ajaxian

SitePoint regalando un libro completo sobre Rails

Seguro que conocéis SitePoint y sus excelentes artículos y libros. Si eres un desarrollador de Rails o te gustaría empezar a programar con él, aprovecha la oportunidad y descarga (hasta dentro de 54 días desde la fecha de este apunte) de forma totalmente gratuita el libro Ruby on Rails de Patrick Lenz

Rails Book free

Via WebAppers

Internet Explorer 7 para todos

Parece que, por fin, se han empezado a encender bombillas en los cerebros pensantes de Microsoft y se han dado cuenta de que o cambian sus políticas o pierden mercado. Canciones sin DRM, código fuente y ahora, por fin, Internet Explorer 7 para todos.
A partir de ahora, sea cual sea la procedencia de tu Windows XP, podrás obtener Internet Explorer 7 via Windows Update o bien a través de la web del Explorer 7, sin necesidad de pasar por la dichosa verificación de la WGA.

Sin duda es una buena noticia, al menos facilitará la progresiva desaparición del más que defectuoso Internet Explorer 6.

Via Download Squad

Diversas aproximaciones a las nubes de etiquetas

Las nubes de etiquetas son, sin lugar a dudas, una de las señas de identidad de la “web 2.0″. Las empezamos a ver en sitios como del.icio.us pero, entre servicios online que generarán una para tí, plugines para los CMS más populares y la nueva versión de WordPress con etiquetas integradas, pronto todo el mundo podrá disponer de una cómodamente.

Lo normal, a la hora de dar estilo a una nube de etiquetas, es utilizar variaciones en el tamaño de la tipografía y su grosor. Así, por norma general, las categorías más importantes, con más contenido, aparecen en un tamaño y grosor mayor. No obstante, esta aparente estandarización del aspecto de las nubes de etiquetas parece empezar a preocupar a los diseñadores.

Hoy en CSS Tricks he visto un planteamiento novedoso para las nubes de etiquetas: En lugar de jugar con el tamaño de las letras, han decidido jugar con el padding de las cajas. Así, a mayor caja, mayor importancia.

Tagclouds y padding por CSS Tricks

Es una solución interesante pero supone algunos inconvenientes:
En primer lugar se pierde la capacidad de identificar a simple vista y sin esfuerzo las categorías más relevantes.
Además, en el ejemplo se han apoyado en el uso del color lo cual nos hace más sencilla, a todos los que contamos con una visión correcta a nivel de colores, la comprensión de la idea pero ¿sería igual de comprensible visto en blanco y negro?
Y en tercer lugar, procurad emplear bien las pseudoclases para los enlaces, de tal forma que no haga falta tener ratón para apreciar el efecto mouse over (recordad, los selectores deben seguir un orden para que funcionen correctamente: link, visited, hover, active, focus)

El artículo con el código empleado y un ejemplo en funcionamiento lo tenéis, en inglés en: Tag Cloud with padding thickness

Freevectors, ilustraciones vectoriales gratis

Estaba echando un vistazo a del.icio.us y me he encontrado con un sitio más que añadir a nuestro repertorio de imágenes para nuestros proyectos.

Freevectors.net es un repositorio de ilustraciones vectoriales con licencias diversas, todas libres para uso personal y la gran mayoría para cualquier uso.

Free Vectors

Freevectors: http://www.freevectors.net

Blogalaxia BlogESfera - Directorio de Blogs Hispanos Web Developement Blogs - BlogCatalog Blog Directory