Archive for the ‘Web’ Category

Newer Entries »

Haynes catalogue of music

Saturday, November 8th, 2008

Today I have installed a very first version of a complete relaunch of the old homepage of ‘Music for Oboe’ on Beauty of Code: the Haynes catalogue. ‘Music for Oboe’ is a quite complete listing of compositions for the oboe in the 18th century, which has been collected and published as a book by Bruce Haynes. Several years ago, this data has been made available on music for oboe using a simple Perl application by Peter Wuttke.

Since then, a lot of musicians all over the world contributed to this list, so that Peter and I decided to completely rewrite the application using Ruby on Rails. Well, actually I wrote the application while Peter checked lots and lots of libraries all over Europe to find new works or to validate the information given by others.

Needless to say, there are still a lot of things to do until the final version will go live.

Tags: ,
Posted in Web | No Comments »

Safari Web Inspector

Sunday, April 27th, 2008

A week ago I bought my first Mac – a MacBook Pro – and I really think that this was a very good decision. It takes some time to get used to the different GUI and also to different shortcuts, for example I’m still not used to the Apple key, but that is most certainly just matter of time.

But as I do some web development from time to time, I was at first a bit disappointed when I searched for some Safari plugins that support web development. I used some firefox plugins to analyze the DOM and CSS and I really wanted the same in Safari. There is a list of interesting plugins for Safari, but I wasn’t satisfied until I found the Web Inspector. Absolutely straightforward to use and really useful. Exactly what I was looking for.

Here a quick overview about the main features:

  1. View the DOM hierarchy with folded nodes.
    This gives you a good overview about the structure and whenever you select a node, it is highlighted in the actual web site.
  2. Analyze the CSS for each node.
    You can see the CSS as defined in the style-sheet but also the actually applied style, which combines browser defaults, inherited CSS and the explicitly defined CSS.
  3. See all scripts, style-sheets, images or other media that is used for this page
  4. And quite a lot more….

If you are interested in web design and you are using Safari, this is really a must.

Posted in Programming, Web | No Comments »

Newer Entries »