Grid systems are a great way manage layouts and make sure things are properly alligned. Fix-width grid systems have dominated the web for a long time, but times are changing and the new responsive webdesigns are demanding fluid-width grids.

You would think that we could simply replace pixels with percentages and call it a day, but things get complicated when you switch your good old static pixels with percentages. I’ve recently run into these problems and though I don’t have a solution yet, I would like to share my experiances with you. I’m doing this for two reason, firstly to make sure you don’t have to waste as much time as I did discovering the same as me and secondly to create a debate that might foster a solution.
Continue reading →

Lion has been released, and I wanted to make a theme that felt native to the new system, So I created Growling Lion based on the Safari 5.1 downloads window.

You can download it here!

A big thanks to the creater of Mono – Christopher Lobay. I used his theme as the foundation for mine, so this is more of a remix than a completely new theme.

There is a little bug in Growl however, so I couldn’t quite get the animation I wanted. You see if I choose to animate stuff, the shadows goes away, and using css shadows in Growl style simply isn’t a good idea.

UPDATE #1
I have added priorities colouring to version 1.1 – thanks to Christian for making the code

I know a lot of people want’s me to change the font size, however I have chosen not to since I like it this way. You can however do it your self by right clicking the style (in Finder) and choose “Show Package Content”. Afterwards open the default.css (GrowlingLion.growlStyle/Contents/Resources/default.css) and edit the last couple of lines.

If you have ever tried moving elements in Magento themes, you would know that it’s just the matter of moving a line of code. However sometimes you will run in to an element that simply won’t show up any place other than it’s original wrapping div. One of these elements is the topMenu which usually resides in the header. Continue reading →