jujubeans

http://www.physicalinterface.com/view/that-design-is-money

A few nights ago I spent an embarassingly long time working out this little script just b.c. of that damn ie6. I had thought to do it with sibling selectors. Interesting idea but there didn’t seem to be any good, clear javascript snippets for mimicking css sibling selector behavior.

Anyways, this is the script. It works with a variation on a CSS menu so that onmouseover of the li whose parent ul is “select”, it grabs the parent’s parent, picks the parent’s kid (aka the sibling of “select”) that is named “current” and changes the class name.

Just today, I found this which points out the behavior whatever:hover (somewhat like the png fix). I remember hearing about whatever:hover but forgot of course and I think it’s a very good thing to not forget. If not for ie6 and the need to not have the current tab itself disappear when it is hovered over it could’ve been this simple:

#nav:hover ul.current a,

#nav:hover ul.current a span {background:none;}

Instead I’ve got all this junk in my header:

<script type="text/javascript">
<!--//--><![CDATA[//><!--
function menuhover_currentoff() {
var list = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<list.length; i++) {
list[i].onmouseover=function() {
if (this.parentNode.className==”select”){
var list_uncles = document.getElementById(”nav”).getElementsByTagName(”UL”);
for (var j=0; j<list_uncles.length; j++){
if(list_uncles[j].className==”current”){
list_uncles[j].className=list_uncles[j].className.replace(”current”, “current_over”);
}
}
}
}
list[i].onmouseout=function() {
var list_uncles = document.getElementById(”nav”).getElementsByTagName(”UL”);
for (var j=0; j<list_uncles.length; j++){
if(list_uncles[j].className==”current_over”){
list_uncles[j].className=list_uncles[j].className.replace(”current_over”, “current”);
}
}
}
}
}
window.onload = menuhover_currentoff;
//–><!]]>
</script>

I just saw this on TV and thought it was So Funny. It’s such a perfect combination of ridiculous Michael Bay + ridiculous explosions + ridiculous Wes Anderson-ness + ridiculous shilling.Maybe if they just make commercials interesting, they wouldn’t have to force people to watch the with fast-forward disabled onDemand.

Here’s another I saw tonight:

I still have all sorts of love for “the green book” (CSS Mastery) as a reference but I downloaded the sample chapter from “The Art & Science of CSS” over the weekend and it seems pretty solid. I only skimmed through it and thought it looked nice but a) I see no need to use lists for form elements and b) it doesn’t seem to mind taking up lots of space — that is, lots of half-page screenshots, large blocks of code, etc.

I hate having reference books I never read, much less “reference” so I’d like to see it in the person before adding it to the bookshelf. Also I rather wish they had included a chapter that was a little more “art” and utilized the advertised “full color pictures” more…

Well it kinda happened like that except it was FIVE semi-obscure html/css things that about 48 hrs later, I was suddenly questioned on about ALL of them.

An example:

TT: “I have a form where there are 4 options and the owner of the form wants two of the options to appear and be inactive. I think that would mean a span containing grey text and is there a way to create an unclickable checkbox form control?…Oh yeah, what would you call the span? Inactive?”

24 HRS BEFORE: I was googling for the Inman article on safari text inputs and instead somehow found “Shawn asks the CSS guy about styling disabled text inputs“. Whatever, right? I’ve never used it before and probably will never hear of the disabled attribute again….

Okay, I’m throwing in the towel. I give up — I am no longer resisting the inevitability of having a blog. Though I love the web, I might be a bit of a snobbish Luddite at heart and this whole thing where anyone can just up and publish their often banal and trivial musings wasn’t really a bandwagon I wanted to be on.

Still, I hear that blogs are the new resume and it’s becoming so there’s just too much face lost when I sheepishly tell people that, yes I make webpages but no, I don’t have a webpage. Also it’s damn hard to keep track of all this stuff on the internet that I read.

So hello world, here I go throwing my lot in with the “bloggers”.*

*But I will not compromise on having a MySpace page. :shudder: