I am pleased to announce that the official Modernity CSS Layout
has just passed the final bug check and is about to be released for public use.
All I need to do now is copy the new code snippets into all of the CSS versions (that would be 24 total) and do a quick update of the readme. Please note that Deviant Modernity CSS
and Halloween CSS
will also be updated with the code fixes.
It felt like everything connected to this CSS took forever, from the bug fixes and reaadme, to the preview image. It is a great relief to have this finished, even though I have the hunch that it will not be the most popular of my CSS designs. Nevertheless, it is an accomplishment for me because I spent so hours and days working out the CSS to be as compatible as possible not only in Firefox, but also IE6 and
IE7. I don't know how many non-web designers know this, but IE displays very differently from one version to another. It was difficult choosing which version to favor sometimes, but in the end, I usually went with IE6 since it is still more widely used (not to mention, far buggier than IE7).
For some reason, I had difficulty letting go of this project, but apparently, it worked out for the best. I had the files zipped and waiting for upload, when I discovered a horrible error. When there wasn't enough content in the right column, the left column would flow into the Moodbox in one of the journal views. In an interesting discovery, I found that this was not a problem in either IE6 or IE7. One way around this is simply to have more content in the right than the left, but that's not very professional, nor does it take various screen resolutions into consideration. Instead, I had to go through the code and try several different methods to address the problems. I also had to continually load the journals into IE6 and IE7 to check the layouts. I admit to putting this off for a few weeks until I felt more motivated (um, that would be this week).
That was not the only error I discovered (#2 in the "Browser Compatibility" section below). It is something that I tried my best to address, but one of three things I can't get to work in either version of IE. The good news is that this problem has been corrected as much as possible. It just doesn't look as good as the Firefox version.
What is really sad is how much time I spent tweaking the code on the readme. Technically, I should remove the table from the layout and do it all in CSS, but it's a readme and frankly, I don't care that much. Hey, it looks good and it's easy to update (Simple + Clean v.1.2
is based directly on it). Anyway, at some point while I was working on the readme, I realized that I had been tweaking the code--please note, not the content, just the layout--for over an hour. If I was to be really honest (which I'm not), I would put that figure closer to three.
Ah, what can I say. I find tweaking code really fun. It's something that I can do and not have to think too much. I know that sounds weird, but it's not a brain-intensive activity for me. Usually it's more like spending fifteen minutes trying to decide if the margin-top should be 15px or 20px. Or maybe 10px. No, back to 15. Hmm, 18. As you can see, not a whole lot of brain cells being used there.
Before I get (more) technical, I want to thank `thespook
for giving me help on making IE-specific code and for showing me MultipleIEs, a program that, well, installs multiple versions of IE at once. It has made my life a nightmare trying to make the code compatible, but the end result was well worth it.
The zip file includes much stuff, for lack of a better word, to help you set up your journal as you see fit.
The Modernity CSS Layout
comes in two versions: one column and two column.
It also comes in eight colours, along with an update of the Halloween CSS Layout
, which is much sleeker and aesthetically pleasing than the first.
There is a preview of each colour in both
column versions to help you decide which Modernity
is right for you.
You also get many of extras. There are non-Fella versions of all eight colours, as well as XCF/PSD sources for the graphics. Please note that you will have to mess around with the PSD versions as they are XCF conversions and not originals. For example, I think some of the layer modes are incorrect. The layers themselves should be fine.
series is meant to be fully compatible in both web-compliant browsers, like Firefox, and non-compliant browsers (we're takin' 'bout you, Explorer). I mostly succeeded in my efforts, but you should be aware of the differences.
1. One main problem was the background image. In IE6, it was a mess no matter what I tried. My solution was to simply have the background be black, even though IE7 displayed the image fine. I would rather have both versions be plain, but work, over working in one and looking atrocious in the other.
2. The default alignment for the left column is centered. I felt it was best since I figured it would be primarily used for images and links, etc. However, I wanted my own links to be left-aligned and created a seperate element (.leftside
) that was later incorporated into the Modernity
Well, lo and behold, while I was bug checking the column issue, I noticed the links at the bottom of each section didn't display in IE7 and had ginormous gaps in IE6. Oh, and parts of the grey background didn't show through in certain areas. Basically, a total disaster. I later understood why these errors had occurred and corrected as many as possible, but the gaps remained, much to my chagrin.
Is it a serious problem? Not really. It bugs me from a layout perspective. At least all of the links are visible and the background issue is resolved. You can get around these problems by simply not using the .sidetext
element in your design.
3. If you use the two column version, you might notice that the right side column heading doesn't span all the way (it's short about three pixels). This only occurs on the headings that push against the left column. Any heading located below the left column is fine. I know why this happens, but because of the code, I can't do much. I won't go into it; I'll just say that it is due to an ugly, ugly hack. Fortunately, the problem is minimized with the new layout colour scheme, even though I haven't fixed anything.
4. The last main issue with IE is the menu descriptions: they don't show. I did attempt to fix them, but it didn't bother me that much. At least the main links are where they should be now.
All in all, I think those four issues are neither serious nor problematic. I've done much worse on some of my other layouts.
I have just released a news article to help spread the word.
Read it here: [link]
Ask A Ninja: "Pirates of the Caribbean 3" [link]
Maria is a year and a half old. She was diagnosed with neuroblastoma. The good news is that half of the children who have this type of cancer can be successfully treated.
is auctioning off originals and prints of her amazing work. Proceeds go to pay for Maria's treatment. Take a look at the available pieces and start bidding: [link]
You can read more about Maria here: [link]
I stumbled across this site by way of the stamp above. It's a very addictive site that now donates 20
grains of rice for every correct answer to the vocabulary game. So, read the news article here [link]
and join in on the fun!
Started in 1986, Farm Sanctuary
holds an Adopt-A-Turkey
event each holiday season. A $20 donation provides you with a one-time adoption fee, colour photograph of the chosen turkey, adoption certificate and a one year membership for the Farm Sanctuary's quarterly newsletter. Each donation goes to food, bedding and veterinarian care for the turkeys.
View the current turkey adoption list here: [link]
noun Mathematics, Physics.
a geometrical or physical structure having an irregular or fragmented shape at all scales of measurement between a greatest and smallest scale such that certain mathematical or physical properties of the structure, as the perimeter of a curve or the flow rate in a porous medium, behave as if the dimensions of the structure (fractal dimensions) are greater than the spatial dimensions.
[Origin: < F fractale
, equiv. to L frāct(us)
broken, uneven (see fractus) + -ale -al2; term introduced by French mathematician Benoit Mandelbrot (born 1924) in 1975]  fractal. (n.d.). Dictionary.com Unabridged (v 1.1). Retrieved March 15, 2007, from Dictionary.com website: [link]