Feature-killer en Chrome

Resumiendo, Yo si fuera Mozilla me pondría las pilas con Firefox.

Ya no en todo el tema que concierne de por si al renderizado de páginas, yo en eso no tengo gran queja respecto a ninguno de los dos, pero la verdad es que Chrome se está haciendo un hueco a base de rendimiento y de funcionalidades añadidas.

Por ejemplo lo que han incluido ahora me parece algo realmente útil, la sinocronización de marcadores. Que si, que en Firefox se puede hacer, pero dependes de un servicio de terceros, tanto para el servicio como para el software que tienes que instalar en tu equipo.

La ventaja de Chromium es que sólo necesitas tener una cuenta de Google para poder sincronizar tus marcadores, además de que no te creas que de momento da muchas opciones, tu metes la cuenta y el solito se encarga de que los tengas sincronizados.

No sé para el resto, pero para mi tener mis marcadores sincronizados es una prioridad y si Chromium me lo ofrece out of the box y con una configuración tan sencilla, supondrá una ventaja que me llevará a usar éste navegador e ir olvidándome de Firefox por mucho cariño que le tenga.

Reseña del libro publicada

Libro MySQL5Hace un tiempo que la ATI empezo con su iniciativa de reseñas de libros técnicos de la editorial Eni. En su día fuimos bastantes los que nos apuntamos para recibir libros que reseñar (tiene la ventaja de que te puedes quedar el libro que reseñas :D).

La ATI va recibiendo periódicamente las novedades de la editorial y va pasando esa lista a los miembros de la lista de reseñadores (ese palabro existe? xD) de forma que cada uno puede elegir un libro de los que le llegan (si no lo ha elegido otro antes, en cuyo caso ya no aparece en la lista) o si ninguno te convence puedes pasar sin tener que elegir.

Sin más, dejo aquí el link a la reseña que se puede ver en la web de la ATI.

Reemplazar texto en un fichero

El viernes, trabajando en la distribución de Vidium, me encontré con un problemilla que no sabía como solucionar y que se va a quedar aquí para cuando se me olvide 😉

Lo que tenía que hacer era que Apache no mostrara los ficheros de un directorio cuando no hay un fichero index.loquesea. Ésto se hace (en apache2) eliminando Indexes de las opciones en el fichero /etc/apache2/sites-available/default (a menos que tengas definidos hosts virtuales).

Ahora bien, para que la cosa se hiciera automáticamente desde la instalación de la distribución tenía que hacerlo con un comando o vía shell script, como soy muy vago, preferí invertir un ratejo en buscar algún comando que hiciera ésto porque me parecía algo bastante trivial que alguien tendría que haberse encontrado antes y así es. Podemos solucionarlo con el comando sed. Vamos a ver un par de ejemplos:

Si queremos reemplazar en el fichero “fichero”, la cadena “vieja” por “nueva” utilizaremos un comando como éste:

sed -i ‘s/vieja/nueva/g’ fichero

Yo en mi caso, lo que quería era eliminar la cadena “Indexes” así que utilicé algo como ésto:

sed -i ‘s/Indexes//g’ /etc/apache2/sites-available/default

Seguramente se podrá utilizar una expresión regular para borrar en vez de sustituir por una cadena vacía, pero ya os lo he dicho, soy un vago 😛

El comando sed permite hacer un montón de cosas, así que si queréis echarle un vistazo más a fondo podéis mirar éstos links:
Sed – An Introduction and Tutorial
A small tutorial about sed

Presentaciones del Futuro

Éstos últimos días me estoy tragando un montón de presentaciones, sobre todo en el máster y alguna más que he visto por ahí suelta y justo ayer caí en un detalle que he visto en un post de Maestros del Web (Consejos prácticos para impresionar con tu start-up). Según comentan ellos el punto está en que “Ya no es 1995 y el PowerPoint no te ayudará a dejar una buena impresión”, algo que comparto al 100%.

Si bien una presentación en PowerPoint (y lo mismo opino para el Impress de OpenOffice) se puede maquear mediante imágenes y alguna animación que quede bien, lo que ahora llama la atención son los diseños en plan “web 2.0”. Si sabemos ésto, ¿por qué seguimos haciendo las presentaciones sobre PowerPoint/Impress?

Seguramente la primera respuesta será que son lo único que hay pensado para las presentaciones y que hacerlas con otras cosas más modernas lleva mucho más trabajo. Y seguramente la segunda respuesta recaerá en que las presentaciones no las hace alguien técnico que, con suerte, sabe manejar el PowerPoint. Las formas de hacer todo en ésta vida se parecen, sobre todo en temas de organización, así que, mi propuesta para una presentación que realmente impresione sería la siguiente: Que dicho no-técnico diseñé la presentación, con papel y boli, que lleve esos bocetos al técnico que se va a encargar de hacer realidad la idea que tiene para su presentación y le explique la idea. Desde mi punto de vista, ese técnico sería un diseñador web, con mucho conocimiento de ajax/javascript y css. Después de ésto sólo tienes que llegar a donde quieres hacer la presentación, ni siquiera tienes que llevar tu portatil o un pendrive, sólo abrir un navegador, apuntar a la dirección de la presentación, poner el navegador a pantalla completa y deleitar a la audiencia.

Piensa en el valor añadido, yo no bajo documentos con presentaciones, miro por la web a ver que información me gusta y si no me convence lo que veo ahí, me marcho a buscar otro producto, ¿de verdad quieres que pase ésto con tú producto?

Extensiones para Firefox

Aquí vamos con algunas extensiones nuevas para firefox que he empezado a usar, algunas ya muy conocidas, pero que todavía no había empezado a usar:

  • Delicious Bookmarks: Conocida por todos, te permite mantener los favoritos en Delicious, de forma que los podemos tener sincronizados comodamente los marcadores entre, por ejemplo en mi caso, el portatil y el sobremesa de casa 😉
  • Morning Coffee: Seguro que todos abrimos ciertas pestañas todos los días, ésta extensión nos permite hacer exactamente eso, tener un botón que al pulsarlo nos abrirá esas pestañas. Además, permite configurarlo según qué día de la semana sea, por si lo fines de semana nos dedicamos a leer otras cosas 😉
  • PermaTabs Mod: Ésta extensión nos permité marcar ciertas pestañas como “permanentes”, de forma que no podamos cerrarlas por accidente y estén siempre abiertas. Perfecto para las herramientas que tenemos abiertas de conituno, en mi caso, GMail, GCalendar y GDocs 😀
  • User Agent Switcher: El nombre lo dice todo, nos permite cambiar el agente de usuario que envía el navegador al solicitar la página al servidor. Más sencillamente, podemos marcar el agente de usuario de iPhone y el servidor pensará que estamos solicitando la página desde el móvil. ¿su utilidad? Ultimamente me estoy metiendo en el mundillo del desarrollo web y quiero desarrollar sitios para móviles (android), de ésta forma puedo probarlo directamente desde el ordenador sin tener que hacer las pruebas con el móvil.
  • Tab Mix Plus: Ésta no la he probado demasiado, pero nos da más opciones a la hora de trabajar con las pestañas.

Y nada más, que os aprovechen! 😀

Fuentes Embebidas con @font-face

Sigo metiéndole un poco a lo de desarrollo web, así que sigo soltando tips, más bien chustillas porque no es que se me dé demasiado bien (estoy demasiado acostumbrado a desarrollar siempre aplicaciones para ejecución en local o cliente/servidor), pero la de hoy es interesante.

Yo soy de los que cuando tienen que hacer un un header para el blog, página web o similar, busca una fuente molona, pilla el Gimp, escribe el nombre del blog, le mete un par de filtros, juega un poco con los colores, lo exporta a png y lo coloca hay en medio bien grande 😉

¿y todo eso por qué? Pues porque si lo meto en html y le digo que use esa fuente pero el visitante no la tiene entre sus fuentes, lo que va a ver es un esperpento de Arial a gran escala (literalmente xD). Gracias a un simple @font-face en nuestro CSS podemos solucionar ésto de un plumazo. Lo de los filtros y demás “maestría” artística va a ser que no, pero eso lo añadía porque “ya que había que hacer una imagen…” xDDDD

Al tema, lo primero que haremos será declarar nuestra fuente en el fichero CSS tal que así:

@font-face {
font-family: “Old Stamper”;
src: local(“Old Stamper”), url(./old_stamper.ttf) format(“truetype”);
}

Depués, una vez definida la fuente la aplicaremos donde sea necesaria, para nuestro ejemplo en todo el body:

body {
font-family: “Old Stamper”;
}

una vez hecho ésto sólo tenemos que generar un html que tire de ese CSS y muestre algo de texto, por ejemplo:

<head>
<title>Embedded Font Typo Testing</title>
<link rel=”stylesheet” type=”text/css” href=”view.css” media=”all”>
</head>
<body>
<div align=”center”>Embedded Font Typo Testing</div>
</body>

Hay que tener en cuenta los navegadores que lo soportan y sus versiones: Firefox 3.5, Safari 3+ y 4+, IE 7+ (en IE6+ se puede aplicar también, con el formato de fuente .eot y haciendo un apaño pero… como que paso :P) y Opera (no puedo asegurar a partir de qué versión, pero la actual lo soporta).

Así se ve mi ejemplo (en un navegador que no lo soporta y en uno que si, firefox 3.0.x y opera 10):

 

Así que nada, espero ver páginas más chulas a partir de ahora!! Si queréis más información sobre @font-face os dejo un par de posts más completos: @font-face in Depth de User Agent Man (del que he sacado lo básico para éste post) y otro de CSSBlog.

Software Variado (I)

Una de éstas entradas para recordad ciertas aplicaciones que algún día podrían venirme bien:

CherryTree: Una aplicación para tomar notas basadas en jerarquías. Ya sé que una buena herramienta para tomar notas es tomboy, pero quizás ésta la veo más adecuada para tomar notas sobre algo que quieres llevar más organizado.

HomePage | .deb

gWakeOnLan: Herramienta para gnome con la que podremos encender máquinas a través de la red, siempre que tengan soporte para WakeOnLan y tengamos la MAC de la tarjeta de red.

HomePage | .deb

Grsync: Interfaz gráfico para sincronizar datos mediante grsync.

HomePage

Ejecter: Aplicación residente (con icono en el tray) que nos permite desmontar unidades de una forma muy cómoda.

Homepage