bee-digital design logo
Frontpage image

Flexible / liquid layouts in pixels, em or percentages

14th January 2009 - by Kristian

I’ll admit it. I dislike flexible width designs. I like the fact that everything is scaled how it was intended when it was designed in fixed width designs. But sometimes you need to have a flexible width, and credit where credit is due, this guy has made some great examples of how to do it without hacks, trickery, javascript or anything else that will slow down your page.

Check out the link for flexible width layouts, for 2 column, 3 column, pixel-based, em-based, percentage-based, everything you need.

Useful resources – cheat sheets, css organization and more

13th January 2009 - by Kristian

cheatsheets-tmb

Thought I’d spread some love. Cheat sheets are an amazing tool for us forgetful people. I code all my webstuff in Dreamweaver codeview, so I get codehints for HTML and CSS, but for javascript, jquery and other things it’s so easy to forget stuff and constantly having to look up exact names and possible attributes. That’s why cheat sheets are great, print a simple A4 paper that contains all attributes, names, functions and so on. Hang it on the wall and get everything right in the first attempt.

Instead of posting my own favourites I’ll just guide you to my favourite collections of cheat sheets. These cover HTML, XHTML, CSS, Javascript, JQuery, AJAX and more. What more do you need, read on and check them out.

(Read more…)

Acer and Dreamweaver CS4 woes

12th January 2009 - by Kristian

I have just got a new PC at work, so I thought I’d update on the luck of actually solving a problem without spending hours to find out what’s wrong. As you may or may not know, there seems to be a common problem that Acers’ security solution makes Adobe Dreamweaver crash on startup. So after installing my Dreamweaver CS4 which I have had a lot of pains with on the previous PC it was no shock that something was wrong. Luckily I stumbled quickly over the solution, a patch for the Acer program, and that worked. Get it at Egistec.

The blog has been a bit quiet lately, and obviously I’ll only update when I have something useful to put here. The plan is to update soon with the quickest and most painless way to make your site IE6 compatible, especially if you implement your pages using floats. What’s delaying it is the fact that I gave a total toss about IE6 when I made this page, so I have to replace some PNG’s with GIF’s so that it isn’t slowed down by the png fixes you need for IE6. So after I’ve fixed my page, which is the exception of the rule, I’ll post the solution.

Update: The link I previously posted for the fix doesn’t work for me, but I found a new link for the fix.

Welcome to my worklog and portfolio

My name is Kristian B. Hollund and this is my worklog. A place to put solutions, problems and thoughts on a lot of webdesign, photography, and other topics I encounter at work or in my sparetime.

  • Twitter updates

Copyright © 2008 - bee-digital design