Comments on: Middle Box Links

By: Mike

Mike — Thu, 06 May 2010 12:28:49 +0000

Not that simple for me until these examples, its been tough task to have middle boxes and still maintain easy to work layout….good work

By: Lourens

Lourens — Sun, 04 Apr 2010 14:09:49 +0000

That’s a really cool effect, thank you for sharing!

By: Sander

Sander — Fri, 02 Apr 2010 11:12:30 +0000

Hi,

i like what i see, its a nice demo

on a side note: about the border radius you use in the demo, i know the demo works without, and i know you like using border-radius i see it in alot of your projects
but it still does not work in IE, and since i work for customers who ask for design x and thus should recieve design x, and not use another browser to see design x, i don’t like using borderradius (yet).

By: TeMc

TeMc — Thu, 01 Apr 2010 14:03:34 +0000

Looks all very nice.

One suggestion though. Keep the border-color out of the widget and add/remove a css-class instead of applying a css border-color.

ie. addClass(“jquery-middleboxlinks-hover”);

By: Jitendra vyas

Jitendra vyas — Thu, 01 Apr 2010 10:57:03 +0000

Please make it like so. and one more thing if JS is disabled then link is not accessibility also.

By: Shane

Shane — Thu, 01 Apr 2010 09:42:51 +0000

Object-oriented CSS is a misnomer, end of story.

By: Jan-Marten de Boer

Jan-Marten de Boer — Thu, 01 Apr 2010 06:52:46 +0000

Crap. Could you please do something about my screw ups in the previous comments? Mostly appreciated (a)

By: Jan-Marten de Boer

Jan-Marten de Boer — Thu, 01 Apr 2010 06:51:53 +0000

And please don’t give me a headache by yelling at me about forgetting the tags. It’s early and my coffee machine broke down. I would’ve fixed the tags if i could’ve edited my comment.


This may be some wining from my end: Shouldn’t you consider grabbing the url from within the widget div? This of course as an extra service for when no url was given. I think that would be a great addition to what you mentioned about different circumstances and possibly wanting to add the url in the text for degrading (wouldn’t be too bad for your SEO as well).
In any case: Great job on your blog and keep up the good work. I’m also looking forward to your next screencast!



By: Jan-Marten de Boer
Jan-Marten de Boer — Thu, 01 Apr 2010 06:41:39 +0000
I’ve got a better idea. Append the link and the div, but with an extra class hidden where you add in { display: none; } or { visibility: hidden; } (i think either one would work in this case). Then your element exists. Next up you calculate the height of the link and reposition the top by minus the height. Then you do a quick fadeIn and you should be all set.



By: John Pisello
John Pisello — Thu, 01 Apr 2010 03:06:05 +0000
Regarding the 7: could you build/render the anchor off-screen, then get it’s height, and then move it to the final location via absolute positioning? (Haven’t tried it, just thinking off the top of my head.)