Holatwitter, pulsando la twittersfera

A nadie se le escapa que el mundo tecnológico nos engloba a todos ya de tal modo que los problemas de funcionamiento de unas horas de GMail es noticia de alcance no ya solo en la blogosfera sino en medios tradicionales como los principales diarios del país (ABC, El País)

Internet se ha convertido ya en una de las mayores fuentes de noticias del mundo y cada uno de sus usuarios, gracias a la web 2.0 en una potencial agencia de noticias por sí mismo. Twitter, dada su inmediatez, accesibilidad y popularidad, es claro ejemplo de ello.

HolaTwitter sigue esa línea de sencillez imperante en aquel para realizar algo muy simple pero de una gran utilidad: Búsquedas globales en twitter.

¿Qué se está comentando en éste momento sobre Google en éste momento?, ¿Quien habla de Madonna ahora en twitter?, ¿Que opina la gente del partido de hoy del Real Madrid?

Con una simple búsqueda en HolaTwitter podremos tomarle el pulso a la actualidad. Una simple gran idea.

Spotify: Música bajo demanda 5 estrellas

Todos los aficionados a la música estamos de enhorabuena con el lanzamiento de Spotify, la nueva aplicación para la escucha de música bajo demanda.

A través de una aplicación de escritorio, disponible para plataformas Windows y Mac, con una interfaz simple y práctica, Spotify nos permite escuchar cualquier tema de su ya extensa librería cuantas veces queramos, crear playlists, compartir nuestras canciones favoritas con otros usuarios, etc., yendo un paso más allá de otros sistemas de música bajo demanda como pueden ser Pandora o Last.fm, los cuales solo nos permiten escuchar una vez cada tema y sin seleccionarlo directamente.

Spotify se basa en la tecnología P2P para aligerar la carga de sus servidores, y ofrece música en formato ogg de compresión q5, facilitándonos archivos de una mas que aceptable calidad sonora en un tamaño muy reducido, eliminándose así las esperas por la carga de las canciones.

El sistema ha abierto en el formato de beta cerrada, por lo que necesitaremos una invitación para probarlo. No obstante, y por tiempo limitado (parece que dos semanas a lo sumo), podremos registrarnos a través de éste formulario sin necesidad de aquellas.

Toda una noticia para los melómanos.

Espresso Beta liberado

MacRabbit, una de las compañías creadoras de software más alabadas por los usuarios de Mac gracias a su fantástico CSSEdit, acaba de liberar la primera beta pública de su esperadísimo editor de código: Espresso.

Espresso tendrá que vérselas con dos grandes contrincantes en éste mercado como son TextMate de Macromates y Coda de Panic, y para ello cuenta con pestañas, extensiones (o Sugars), navegador de etiquetas, contracción de código, FTP integrado y muchas funcionalidades que desde hoy podremos comprobar gracias a la beta.

Es cierto que TextMate reactivó su desarrollo, abandonado durante un tiempo, hace unos dias, y que Coda en su nueva versión incorpora plugins, muy demandados anteriormente por su comunidad de usuarios, pero viendo la maravilla que es CSSEdit, las espectativas con Espresso son muy altas. ¿Será capaz de satisfacerlas o incluso rebasarlas?

CSS solo para Internet Explorer

A la hora de maquetar una web con css, uno de los quebraderos de cabeza mayores es conseguir una correcta interpretación de las hojas de estilo por parte de IE (Internet Explorer) en sus distintas versiones, ya que durante demasiado tiempo, el desarrollo de dicho navegador obvió los estándares más básicos.

A continuación os mostramos una serie de trucos o hacks que son de enorme utilidad a la hora de acometer las correcciones pertinentes en un documento css para la correcta visualización de una web en navegadores IE.

Dado un selector, podemos colocar determinados símbolos antes de determinadas propiedades a fin de que lo interpreten sólamente ciertos navegadores:

1
2
3
4
5
6

.capa{
	border: 5px; /*Todos los navegadores tomarán 5px de borde para la capa*/
	*border: 3px; /*Todas las versiones de IE tomarán 3px de borde para la capa*/
	.border: 3px; /*Todas las versiones de IE tomarán 3px de borde para la capa*/
	_border: 10px; /*Solo IE6 interpretará éste valor, los demás no lo leerán*/
}

Además, podemos hacer uso de la palabra clave !important para “engañar” a IE6, generalmente el más difícil de gestionar.

Colocando !important después del valor de una propiedad, haremos que dicho valor prevalezca sobre cualquier otro definido en toda la hoja de estilos, con la salvedad de IE6, que no lo soporta. Gracias a ello podremos hacer cosas como la siguiente:

1
2
3
4

.capa{
	border: 5px !important; /*Todos los navegadores asignarán 5px al borde de la capa*/
	border: 7px; /*IE6, sobreescribirá el valor anterior con el nuevo de 7px*/
}

Internet Explorer 6 obvia el !important y asignará al borde siempre el último valor definido en la hoja de estilos.

Seguro que ahora ciertas labores de maquetación se nos harán menos arduas.

Editores de código/texto en Mac

Andaba con bastantes ganas de olvidarme de Dreamweaver desde hace un tiempo. No utilizo la vista de diseño nunca, puesto que rara vez lo que muestra Dreamweaver se corresponde con lo que se pueda luego ver en alguno de los distintos navegadores, y además el tiempo de carga de la aplicación es enorme, así que ayer estuve un buen rato mirando editores de código para OS X buscando mi futura nueva herramienta de trabajo. Descartando los WYSIWYG como Nvu mis experiencias fueron las siguientes.

SKEdit es un fantástico editor de código con muchas opciones algunas tan buenas como el autocompletado, o coloreado de sintaxis, éste último con soporte para bastantes lenguajes y bastante inteligente. Tiene muchas opciones de configuración, se integra fantásticamente bien en el entorno OS X y carga muy rápido. Llevaba tiempo oyendo hablar muy bien de él y la verdad es que me ha dejado muy buen sabor de boca, todas las alabanzas que he leido se confirman al probarlo, sin embargo, no usa pestañas para cuando estas editando varios documentos (corregidme si me equivoco), y ésto se me antoja imprescindible para cuando estas con un par de html’s y la hoja de estilos liado. Además es de pago, aunque muy barato, 20$ solamente. No obstante, bajad la versión de prueba porque puede que dejeis de buscar. Yo miré un poquito más.

TextWrangler es una versión reducida y gratuíta de su hermano mayor BBEdit cuyo precio, 199$ se me antojó una losa que no tenia ganas de levantar (ni de bordear buscando un crack). De su hermano mayor, TextWrangler conserva muchas propiedades que lo convierten en una muy buena opción: Cajón lateral para ordenar los documentos que tengas abiertos, coloreado de sintaxis, soporte para muchos lenguajes, numeración de líneas, etc. No tiene la opción de autocompletado, que a mi particularmente me viene muy bien, pero por lo demás es fantástico.

Smultron es otro editor que posee unas características similares a los anteriores: cajón para los documentos abiertos, coloreado de sintaxis (aunque el coloreado tuve que cambiarlo porque no me gustaba mucho, demasiado llamativo), numeración de línea, etc. y además se asocia a la perfección con CyberDuck mi cliente FTP favorito para Mac, funcionalidad esta última que me ha hecho decantarme temporalmente por éste editor.

En cualquier manera cualquiera de las tres opciones son magníficas, y aún hay varios más que seguramente tendrán un altísima calidad, es cuestión de comparar. Si alguien conoce alguno con opción de autocompletar que lo comente. Quizás entre todos podemos ir completando éste post.

Por cierto, Smultron lo encontré buceando entre los posts de un blogger malagueño llamado Yomizmo, cada vez somos más los que posteamos desde el sur, dentro de poco habrá que organizar un blogs and beers o un blogs and málaga virgen en el pimpi ¿no?

Organizando nuestros CSS

Gracias (de nuevo) a Tacs he encontrado un artículo llamado 5 Tips for organizing your CSS, o 5 consejos para organizar tus CSS, que viene a ser, como su propio nombre indica, una pequeña guía con 5 útiles trucos para que tu código CSS esté más agrupado y ordenado.

Algunos son tan sencillos como el de colocar una cabecera antes de cada tipo de estilos: Globales, Cabeceras, Comentarios, etc. pero de siempre los consejos más simples fueron los más útiles. Seguro que encuentras algo que aún no se te había ocurrido.

Plantillas CSS y XHTML

Hay tareas en el proceso de diseño de una página web que se repiten con bastante asiduidad: Crear un documento nuevo para el código html, definir el tipo de codificación, enlazar la hoja de estilos, etc. Lo normal sería que uno, que ya se conoce de varios años, almacenase un documento con unas pocas líneas maestras que le permitiesen comenzar con mayor celeridad el trabajo, y le ahorrasen quizás, tener que recordar algunas de dichas líneas, selectores, etc.

Pero uno es una persona poco práctica, y hasta ahora no había conseguido guardar una plantilla que me facilitase las cosas, (o la guardé en un lugar dónde luego no recordaba…) por eso me han venido tan bien estas plantillas de CSS y XHTML para comenzar a diseñar rápidamente cuando lo necesito.

Vienen muy bien explicadas (en inglés) y a lo largo del tiempo parece que han sido perfeccionadas gracias a los comentarios de gente que ha querido colaborar. Muy útiles.

Todos estos enlaces, para no perderlos los voy añadiendo a Tacs, como ya comenté el otro dia.

Listas de recursos para el Webmaster

Hoy escribo sobre dos páginas que no deberían faltar en los favoritos de alguien relacionado con el diseño y administración de sitios web: Web Developer’s Handbook y Resources For Web Design.

La primera puede que ya la conozcáis puesto que es una página desarrollada y mantenida por Vitali Friedman al que ya hicimos referencia hace unos dias por su recopilación de las mejores fuentes de licencia gratuíta de 2005. Además, el prolífico Skeku lo enlaza también esta semana, aunque él lo conocía desde hace tiempo y no nos lo quiso contar;).

La segunda la he descubierto hoy por casualidad, para mi gusto es más concisa, y quizás más útil que la del señor Friedman, aunque el hecho de que el diseño sea más básico da sensación de una mayor desorganización.

Entre ambas creo que no dejan fuera ninguno de los recursos que podamos necesitar a la hora de diseñar, programar, validar y mantener una página web: Información de los distintos buscadores y navegadores, tutoriales de CSS, HTML, JS, etc., validadores de código, artículos sobre autoría web, analizadores de tráfico… Todo!

Lo dicho, la referencia completa de un webmaster en dos páginas.

Actualización (19-1-06): En Criterión, Skeku nos muestra un nuevo enlace similar a los comentados anteriormente, (nos lo había prometido en los comentarios) se trata de CSS & XHTML Bookmarks. Echadle un ojo.

WebRanx Pro

WebRanx Pro es una excelente herramienta SEO para Mac OS X que he descubierto gracias al nuevo sitio de la red indiesign, Tacs dónde también estoy echando una mano.

WebRanx Pro, nos permite ver la posición de una web determinada en los distintos buscadores en base a ciertas palabras de búsqueda que introduzcamos, generándonos completísimas gráficas para así poder estudiar la progresión de nuestra web en el tiempo, gracias a la funcion de historial que incorpora.

La aplicación, además, es gratuíta, aunque, como ya hemos mencionado, solo está disponible para sistemas operativos OS X 10.3 y superiores.

¿Alguien conoce una aplicación similar para Windows?

Las mejores fuentes de licencia gratuíta del 2005

Vitaly Friedman es un diseñador web alemán que se ha dedicado a recopilar las mejores fuentes de licencia gratuíta que se hicieron el pasado año 2005. Todas son realmente dignas de descargar y utilizar, y tal es así que de entre las seleccionadas encontramos algunas tan reconocidas ya como la Blue Highway.

Además la selección esta dividida según el tipo: 25 Best License-Free Quality Fonts y 15 Best License-Free Pixel Fonts, tenéis que echarles un ojo.

Por añadidura, el señor Friedman, a reunido las 25 webs que no te deberias haber perdido en el 2005, para que aunque ya se te haya escapado el año, no se te escape también lo bueno que en él se hizo.