I consider myself pretty good with css. Doesn’t take me long to convert a photoshop design into working html so I was surprised to find today that there was an easy way to ellipsis to truncated text! Works in all browsers bar FireFox!
overflow:hidden; text-overflow: ellipsis; white-space: nowrap;
I had an annoying problem with IE8 today. In the CMS, toolbars appear when you hover over a content block or the page content. All I’ve done is user div:hover.
IE though does not recognise the object if its background is set to transparent and is empty. If you set a background colour then it fires the hover. I tried giving it hasLayout but that made no difference! Very strange behaviour!
This is a mini article I wrote to go along with my presentation on modern development. I’ve tried to explain to our designers how they can help us by understanding why we sometimes have difficulty converting their photoshop files into websites.
From http://foohack.com/
I learned a new CSS trick from one of the best insane inventor webdevs I know. The pieces have been out there for some time, it seems, but I hadn’t ever seen this spelled out as simply and elegantly as he did it. Read more…
The table below is a periodically updated listing of font survey results for all platforms, the cumulative total of all valid font survey submissions since January 2004.
These figures are calculated per platform and do not show how common the fonts are on other systems. Think of it this way: More Mac systems have the Monaco font than Windows systems have Trebuchet MS.
CSS layouts don’t have to be complicated but sometimes the things that should be simple and easy to do seem impossible at first.