Introduction

Welcome to the blog of a philanthropist, astrologer, japanophile, webdesigner, proud ICT generalist and student aiming for a masters degree in work and organisation / occupational health psychology. Discover my world, some of the things that keep me entertained, how our minds work and how our minds are put to work.

19 Jun 2010

CSS frameworks and generators

I’ve been trying a couple of CSS frameworks and generators to assist me creating themes. Not all of them are very handy, a lot are actually unusable. However, it can save you significant development time and cross browser checking if you come across the right one for the job. Here’s some of my favorites:

Yaml Builder
Makes it really attractive through that GUI and has a very good website. I’m actually using Yaml to rebuild the box model for my astrology site since it’s exactly that type of box model.

BluePrint
A CSS Framework I’ve seen used in a couple of top notch WordPress themes, so I’m pretty sure it must be good.

Gridsystemgenerator
I think this could be used for non standard layouts that require more complicated box models.

Share on TwitterShare on TumblrSave on Delicious
Leave a reply
26 Sep 2009

CSS multiple backgrounds

Am cutting my new layout and programming the style sheet. I knew I was going to have a problem with that cat I was going to put to the right. The reason for that is that CSS2 only allows one background per element. Then you are obligated to use the position absolute element in a new div to display it. Unfortunately this will never give the desired result because it stacks the div on top of all the other elements. See example:

divstack

They have invented a “fix” for that; it’s called “z-index” and can be used for stacking divs in a particular order. Unfortunately, not optimally functioning across all browser and I find it incredibly difficult to find the right value for the right divs. No I’m not going to think myself a headache on this one. I’m just going to expand the original background image to include the cat.

The good news? In CSS3 you can use multiple background images defined in one element. Something I think only Safari supports right now.

Share on TwitterShare on TumblrSave on Delicious
Leave a reply