CSS
CSS | Ireland
Submitted by johnh on February 10, 2007 - 13:45.
Someone -- I have no idea who -- apparently nominated me last month in the 'Best Design' category at this year's Irish Blog Awards in Dublin on March 3rd.
I discovered this news just now, because apparently I'm on the shortlist.
So, whether you want me to win because you think this site looks nice, or if you just think a thick piece of perspex which is almost precisely the same size as the wee pane of glass from a lavatory window would come in handy round here...

Vote, Vote, Vote!
(* Don't vote often. Once is plenty.)
read more | 1 comment | delicious | digg | reddit
Code | CSS
Submitted by johnh on July 16, 2006 - 22:16.
Killes posts on the drupal-dev list, revealing stats of downloads made from Drupal.org in June.
I scrolled down the list to see if the theme I released six weeks ago had made the list, and couldn't find it.
Then I realised I was looking too far down. Fern, apparently, is the 4th most popular Drupal theme, and the 15th most popular contributed download of all.
Rock.. :)
read more | 2 comments | delicious | digg | reddit
CSS | General
Submitted by johnh on May 28, 2006 - 07:02.
Matt Mullenweg wondered out loud some time ago why more people who can design themes don't release freely-available themes.
People, in other words, like me. "Why don't you release free skins and grab yourself some karmic brownie points?", he was asking me.
So I have. Read on.
read more | delicious | digg | reddit
CSS | General
Submitted by johnh on October 4, 2005 - 17:00.
Media Week was redesigned and rebuilt in Plone ( we used Plone at their request, nightmare that it was notwithstanding) about 14 months ago.
Subsequently they've been bought by Haymarket and re-done the site again, this time apparently using Fusebox/Cold Fusion (which is fine, it's probably a house default)...
...and, apart from breaking it quite badly by adding a different footer, they've kept the exact same design and style sheets.
So... you can imagine exactly how bloody amused I am by this:

I'll pass over the irony of how adding this fraudulent crap to the footer is the actual reason why the layout's now broken, and instead just state this for the record:
No, you bloody did not do the site design. This person did comps, and I did the work. Including the CSS files which you're still using, even having gone so far as to make your new app spit out IDs and class names which match those in Plone exactly in order to not have to re-do them yourselves. So if you wouldn't mind not lying about that, I'd appreciate it. And if, while you're at it, you'd care to unbreak the layout, that'd be nice too.
Update, the next day: The offending button has been removed surreptitiously this afternoon. They haven't bothered to reply to the nice email I sent them, though. Nor fixed the layout, which remains hideously broken.
read more | delicious | digg | reddit
CSS
Submitted by johnh on July 13, 2004 - 01:36.
This was bugging me for hours today.
So we have a new client or two, who have been my 24/7 concern recently since a certain unnamed company decided to pay neither my last month's salary nor the £1500 they owe me for underpaying for 4 months, and decided to inform me of this on the day it was due to hit my account, which in turn is the day before my rent was due. But I digress.
There's a whole bunch of cool stuff to do with both our new efforts, which I'll be showing you next week in all their CSS-layout, search-engine-friendly, 25000-legacy-articles glory. Today, however, I hit on a very irritating thing to do with the layout of three obligatory banners and buttons in the site header:
- Imagine, if you will, a <div> called 'banner' at the top of a page. In it are a standard banner flanked on each side by one of those 120x60 button ads. Niceness and an aversion to tables for the usual cross-browser, accessibility and whatnot reasons requires that we put the left button in first and float it left, then the right button floated right, then the larger one in the middle. Our 'banner' <div> is set to be text-align center; to make all three be evenly spaced. You end up with something like this. [Thanks, Garrett.]
- To make that page-wide thing fit neatly above a fixed-width site layout of 760 pixels, which is what we're working with, we put that into a nested container <div>, make that also text-align: center;, and Bob's yer uncle. In IE. Every other browser suddenly ranges everything left.
What did we forget which is entirely unobvious here? The nested container div needs to have explicitly-set margins. margin: auto; did the trick, and the point of this post is that perhaps you may not have to dick around with an enormous stylesheet for 4 hours like I just did. That is all.
read more | 1 comment | delicious | digg | reddit
CSS | General
Submitted by johnh on January 7, 2004 - 13:42.
Search.CSS, here shown with Google results in the kind of stacking boxes which bear an actual physical resemblance to warehousing.
[Hm. Interesting idea for a layout, that. Must make sure to not tell anyone -- chuck it on the blog; it'll be safe enough there.]
Yes, I'm still looking to put a large-scale commerce UI out using CSS 2.
read more | delicious | digg | reddit
CSS
Submitted by johnh on November 19, 2003 - 03:07.
Via the CSS-d archive, and Big John some stuff I want to bookmark for later use. They\'re about doing something relatively complex with CSS positioning - blog layouts are one thing, but decent-looking product information blocks on a commerce site are quite another. Especially if you have a thing about Javascript being evil or an accessibility nightmare or a lawsuit waiting to happen, as I do. And son\'t even get me started on using form POSTs instead of links. [Jeff would be amazed to see me linking to him. :-) ]
Plus, since I even get namechecked on the front page of CSS-d for being sysadmin via evolt.org and for being the current stand-in listmom when Eric goes off on one of his rockstar world tours, it\'s a bit - ya know - embarrassing to not have something in the CSS-P premier division with my name attached to it. This site obviously doesn\'t count, run-of-the-mill as it is.
So, first up: 3 Column Complex Layout demo from Holly Bergevin. Not so pretty, but the principles are well-demonstrated.
Also - This one from A Roy Dobbs and possibly the most relevant of the bunch, at least for what I\'m currently looking for, since it uses nesting very nicely.
Any others? Add a comment...
read more | delicious | digg | reddit