Radixhound

For a while now, one of my indispensable tools for working with CSS has been Xyle scope

This application saves me so much time when it comes to editing CSS. I can immediately see the changes I’m making, I can tweak everything until I’m happy, and then save my changes. Often, I will try out different ideas and scrap them. I’ve been very happy using Xyle scope.

The one major gripe I’ve always had with it though, is that I could only edit CSS properties that were already there. If an element did not already have a margin property defined, then I would have to fire up my text editor and add that property before I could tweak it in Xyle scope. I lived with that because I was happy enough with the app otherwise.

I no longer have to live it! I’m thrilled with the new 1.2 version of Xyle (currently in beta). The developer has added a bunch of features that make it soooo much better. I’m loving it! Let me tell you about the new features that I’m loving. It’s kinda like a review, but not really.

A few weeks back, I posted a Mephisto recipe for setting up a navbar using liquid that will automatically include all the sections in your site. It turns out that it wasn’t that good, so I’m revisiting the issue and posting a recipe that works. You can see it in action in my new section The Playground.

Read on to get the code.

I’m going to start posting Mephisto recipes on my blog. The idea is inspired by the Rails Recipes book, but I doubt I will be able to do it with the level of style and professionalism you can expect from the Pragmatic Programmer line of books.

In this recipe, you will see how you can use liquid to automatically generate a top-level nav bar with all the sections in your site. This way you can create new sections and pages and they will just appear! The end result will look something like this: