Jump to main navigation


Blog

Whole-Play update

Still working on Milestone 2. The more I work on Whole-Play, the more I see the need to 'redesign': stop and re-plan the whole thing, and improve the code a lot. Because it keeps growing and growing, and in a rather disorganized fashion, which in turn causes lots of bugs to pop up all over the place.

But sometimes I'm Mr.Stubborn: I have to finish this milestone, and I will! Today I've continued to work on the Harmonizer - the name sounds cool! :) Now W-P can harmonize melodies using different harmonies (e.g. diatonic, pentatonic, whole-tone...). At this stage the harmonizations are rather simple, but I believe they establish a good basis for more sophisticated ones in the future.

Anyway, I'm definitely realizing that either I find much more time to work on W-P or I relax a lot about my expectations to get it ready soon. Or both!

Willie Wagtail

El Willie Wagtail es habitual de Surf Beach, es imposible no encontrase con alguno durante el día. No sé mucho de él más que caza insectos, se mueve a saltitos (cuando no vuela, se entiende), y no para quieto. Constantemente levanta y baja la cola, que es en forma de abanico.

Read the full text...

Otra nueva sección: Oz Fauna

Desde que llegué a Australia una de las cosas que más me ha fascinado es su fauna, y en especial el hecho de que está presente a diario, sin tener que irse uno a lo más profundo del bosque, o pasar por la deprimente experiencia de un zoo.

En esta categoría cada post tratará de un animal australiano. No pretendo ir a buscar los bichos más raros, simplemente compartir aquellos que forman parte de mi vida diaria (aunque nunca se sabe qué se va a encontrar uno). Esto es tan distinto de lo que se suele ver por España que confío que os resulte interesante. Condición que me impongo: que las fotos sean mías. Por supuesto se admiten sugerencias, y se recomiendan encarecidamente unas vacaciones australianas para compartirlo in situ! Espero que lo disfrutéis.

Experiencia increíble

Esta mañana me ha pasado algo increíble, algo que jamás se me habría ocurrido que iba a experimentar. Estaba haciendo surf en Denhams Beach, disfrutando de un sábado precioso, el sol de la recién llegada primavera y un grupo de delfines jugando a unos 30m de mi. Y de repente, el grupo entero de delfines se ha puesto a nadar directamente hacia mi. Yo pensaba que pasarían cerca, no es la primera vez, pero no, han pasado literalmente a través de mi: por debajo, saltando sobre las olas a mi lado, creo que si hubiera extendido el brazo los habría tocado.

El susto que me he llevado ha sido considerable, los delfines son grandes y uno está más bien indefenso flotando sobre una tabla en medio del mar. Yo no sé si ha sido una amenaza (habré cruzado una línia prohibida que todos los animales del mar conocen?) o simplemente estaban jugando. Tal vez han decidido tomarme el pelo y darme un susto, algo tipo: "Mirad esa criatura que no tiene ni idea de cómo coger una ola! Diez puntos al que le tire de la tabla!".

Bromas a parte, os aseguro que ha sido maravilloso, susto incluido.

Google Chrome

Por si no teníamos bastantes dolores de cabeza los diseñadores web con las diferencias entre Internet Explorer (en sus múltiples y diabólicas encarnaciones), Firefox, Opera, Safari, Camino, etc, acaba de llegar un nuevo navegador: Google Chrome (versión beta).

Lo he probado muy por encima, y tengo que decir que tiene muy buena pinta. El interface es sencillo y agradable (y maximiza el espacio de navegación), el soporte CSS parece excelente, el uso de memoria más que razonable, tiene herramientas muy potentes para desarrolladores... Desde luego parece que va a ser competencia fuerte, y más aún siendo de Google.

Pure CSS rounded corners for good browsers

After exploring the possibility to add multiple background images to an element, I realized it was possible to use that technique to create boxes with rounded corners in a very clean, CSS-only way. In particular:

  • No need to add any extra markup.
  • No need to know the dimensions of the element. In fact the element can be resized freely, which makes it perfect for fluid layouts.
  • Pure CSS solution.

The catch is: this technique relies on the use of generated content, so it doesn't work in IE6 or IE7. Which makes it pretty much useless for real projects, unless for some reason you can ignore IE. Read the full text...

Multiple background images with CSS2

Here's an interesting way to add multiple background images to an element using CSS2. Before anyone gets too excited, since this technique uses generated content it doesn't work with IE6 nor IE7. Maybe IE8 will support generated content, but who knows.

Still it's fun to try, and if you can ignore IE, then this might be useful sometimes. It works in Firefox 2/3 and Opera 9 under Windows XP, at least.

In this article I'll first guide you through a basic example, and then we'll create a nicer box. Read the full text...

Styling table captions with CSS: fixing the width problem

Styling table captions with CSS is not always an easy task. The specific issue I'll be dealing with in this article is the fact that the width of the caption doesn't naturally fit the width of the table. First I'll introduce the problem and then present a cross browser solution. Read the full text...

New (modified) JavaScript syntax highlighter: SHJS

I was having a few problems with the syntax highlighter I was using for the code blocks in this blog, so I decided to look for an alternative. There are a few out there, but my choice went to SHJS. I liked it straight away, although I wanted a couple of features that are not there. So I got my hands dirty and wrote some code to implement them. Here's a description of what I've done, in case someone has similar needs. Read the full text...

Applying CSS to Opera only

[Edit: 080828] This hack targets only Opera 9 and below, but fails in (at least) v9.52. You should not use it unless you're specifically targeting Opera 9 and below.

If you ever need to apply certain styles to Opera only, there is an easy way that I found in Jeff Starr's post, 'CSS Hack Dumpster'. All you need to do is prefix your selector with html:first-child.

For example, let's see how you would add a left margin of 10px to all paragraphs in all browsers except Opera:

p {
  margin-left: 10px;
}

html:first-child p {
  margin-left: 0;
}

This hacks validates and seems reasonably safe. As always, it's a risk to use hacks in your CSS (what would happen if, say, Internet Explorer 12 matched html:first-child? Any websites using this hack wouldn't work correctly in IE12). I'm still going to use it though, it seems quite safe to me.

Additional content and navigation

Categories

Recent comments