What is Digg?Sponsored by HowLifeWorks
How Smart Guys Keep Their Faces Looking Young view!
howlifeworks.com - Why men have finally started to use certain anti-aging skin care products...
47 Comments
- inactive, on 10/12/2007, -2/+16You too can become a script kiddie!
- endyminion, on 10/12/2007, -2/+12This is a total misuse of javascript...
Doing something like this in CSS is rediculously simple and requires far less effort to render on the part of the browser. Do a search on css floats and you'll see what I mean... or see a beta test for a site that I'm working on that uses them:
http://www.lemon-lime.org/test/index.php
Lame... - endyminion, on 10/12/2007, -0/+8@conro:
If I intended to allow people to hide the sidenotes in my implementation, I would simply make a link with a variable to tell the php script not to put them in. I could implement that in roughly 5 minutes, and everything would still render as quickly since I'm not using *any* javascript.
That's entirely beside the point, though. There's really no reason why the user should be able to hide the sidenotes in the first place. If the information in the sidenotes is so unimportant that they can hide it, then why is it there in the first place? - tdeletto, on 10/12/2007, -2/+8Sidenotes are the new black.
I bet if David Foster Wallace wrote a blog, he'd use this, it looks a lot nicer than what the Atlantic Monthly online did. Nice, clean implementation. - SuperGhost, on 10/12/2007, -3/+910 to 1 says you've already implemented this "script" :)
- inactive, on 10/12/2007, -2/+6Hmmm... how about "NO"!?!
This gimmicky crap looks really messy. What ever happened to keeping things simple? - Closeminded5228, on 10/12/2007, -0/+3@ adityavm
If you're gonna plug your site, you should probably put a working link.
But you're right, only the hide/show switch uses javascript. Yours is cleanly implemented, IMO - Vouksh, on 10/12/2007, -0/+3I like it. I'll sometimes be writing in my blog and get off topic. Rather than having enclosed in parenthesis or using an asterisk, I can just add a bit of HTML. It'd be extremely easy to make it show up only on hover. Just gotta know a little bit of JS :)
- slimc9999, on 10/12/2007, -0/+3Exactly. I'm not impressed.
Make a class (maybe two) give it/them a float, and there you go. If you want show/hide use a util function that will get elements by class name (and there are about a million out there), loop through and toggle. - goodcompany, on 10/12/2007, -2/+5what endyminion and jayhawk said.
- gekkokid, on 10/12/2007, -0/+2how is this "very 2.0"?
- endyminion, on 10/12/2007, -1/+3tdeletto:
No. I get rid of javascript by using CSS. The php is if I decide to allow users to hide the floated DIVs. I could do that with javascript, too. (Which wouldn't be a misuse of javascript, in case that's the misunderstanding.) I don't favor that method, though because it puts more strain on the client side, I'd rather do all the work on the server side and let the clients focus on rendering my pages quickly. Get it? - jtrost, on 10/12/2007, -2/+4Agreed. This is completely useless.
- endyminion, on 10/12/2007, -1/+3tdeletto:
Yeh, there seem to be two different schools about this... I think the reason I so vehemently still favor the server side is because people on old computers like my mom's (which is still 1.6 ghrz) grind to a hault trying to render fancy javascript because she's got 15 web browsers open and playing bridge in addition to having the email client open... I'd like to make sure that everyone can access my site quickly, not just people with fast processors...
I think I'm also sick of all the headache involved in making javascript cross browser compatible. Not to mention the fact that you have to make sure the script dies gracefully incase people have javascript turned off. I guess I'm a little jaded. :-) - adityavm, on 10/12/2007, -3/+5You don't need Javascripts to do these things, except for the toggle. Simple CSS with floats can achieve this. I have the same thing working on my blog -- http://thoughts-that-count.blogspot.com, without any scripts. Marked lame.
- maseone, on 10/12/2007, -1/+2just kidding.
what was this guy thinking? he's not a bad designer, his own site setup is pretty clean.
kudos for actually making something even though you know everyone would flame the hell out of it. i'm sure your next project will be one everyone that's talking ***** will end up using. - Hydroxyl, on 10/12/2007, -1/+2Dude, if anyone who blogged this DIDN'T implement it...
*shakes fist* - ideefix, on 10/12/2007, -1/+2someone already do this with Blogger for an example?
- Digitalmafia, on 10/12/2007, -2/+3Dont see the magic here - endyminion said it best.
- tdeletto, on 10/12/2007, -2/+2endyminion:
Gotcha, but I disagree. I'd much rather put those clients to work. I think it makes for a better user experience. A 3ghz desktop should be able to do more than just render pages. - mjaleo, on 10/12/2007, -1/+1I agree. Just having the one toggle at the top and not while you're reading the article is sort of useless.
Maybe instead of a normal link, when you roll it over, the sidenote shows up on the side for that specific phrase or topic. Then again, isn't that just the same as a tool tip? Or a mouseover popup? Or a hidden div?
No digg, but at the same time it's not horrible as everyone else is making it out to be... It's just a little too trendy for me. - nloui, on 10/12/2007, -1/+1i dont know... personally it's sort of obtrusive. Maybe if it popped up when someone clicked on a phrase... Just seems like there's too much once you start adding them.
- firehydra2k, on 10/12/2007, -3/+3looks pretty slick to me.
- shockingbird, on 10/12/2007, -1/+1Those are also known as call out boxes.
http://www.projectseven.com/csslab/testing/corners1/ - av4rice, on 10/12/2007, -1/+1My RSS output always differs from my page output anyway.
Still, there are better ways of doing this, as other commenters have said. - inactive, on 10/12/2007, -1/+1I do not enjoy putting anything on my site which will be blocked by No Script. Otherwise, it's fairly slick.
- jayhawk, on 10/12/2007, -2/+2i'd be careful about what you put in the side notes because i am guessing that folks who get your blog using an RSS feed will not get the side notes. i could be wrong, but i'd test before diving full force in.
- cazabam, on 10/12/2007, -0/+0Hmm ... looks like everyone else has already said it, but ... um ... this is 1 CSS class, a 'float' style and a tiny bit of javascript to toggle its visibility from 'block' to 'hidden' and back. This is just a strange and very complex way of doing the same thing.
- crossers, on 07/19/2008, -0/+0wow, grate. you put this using CSS and easily have the result which you want!
http://www.shpe-sac.org
http://www.ocflex.com/
http://www.trgovinca.org
http://www.chasr.org/ - masskurec, on 03/03/2009, -0/+0javascript is very cool, i mean look at digg
http://xptweak.net - mbt01, on 10/12/2007, -0/+0Nice idea, I have tested it and it looks pretty good to me.
http://www.mbt-shoes.us - desrod, on 10/12/2007, -0/+0In the real media, these are called "Callouts", not "sidenotes".
- JennyClain, on 06/03/2008, -0/+0Visit our online pharmacy here:
http://www.takepill.com/?product=viagra
Buy Viagra (Sildenafil Citrate) is the most popular medication used in the treatment of erectile dysfunction. Order generic Viagra online now.
Only $1.27 per pill.
***********
Buy Generic Cialis(Tadalafil)
http://www.takepill.com/?product=cialis
Tadalafil relaxes muscles and increases blood flow to particular areas of the body.
Tadalafil is used to treat erectile dysfunction (impotence).
Tadalafil may also be used for purposes other than those listed in this medication guide.
Only $1.61 per pill.
***********
Buy Generic Levitra (Vardenafil)
http://www.takepill.com/?product=levitra
Vardenafil relaxes muscles and increases blood flow to particular areas of the body.
Vardenafil may also be used for purposes other than those listed in this medication guide.
Only $ 1.67 per pill.
***********
Our benefits: No prescription Needed. Worldwide shipping.
Best Price. Multilingual. Confidential. - frogpelt, on 10/12/2007, -1/+1I tried it on Blogger and all the sidenotes appear at the top of the post instead of on the sides. Maybe I'm an idiot but it didn't work as prescribed.
- toolio, on 10/12/2007, -1/+1"Unobtrusive" is not referring to the layout style, but the implementation of javascript.
It's a better way to write javascript libraries as the users only need to import your script and add a class to some element.
As for this example, it is unobtrusive, but the result would be much better implemented without javascript with an extra div tag and some more css. To make javascript not overkill something else would need to be added to make it worth it. - slimc9999, on 10/12/2007, -4/+3"Our first tool out of the arc90 lab..."
Um....Not a great start. Perhaps you should shut 'er down. - mc1123, on 10/12/2007, -6/+4very web 2.0. This is really great. If my blog entries were that long, then they may be really useful.
- tdeletto, on 10/12/2007, -3/+0You get rid javascript by adding PHP? I've seen plenty of "misues of javascript", but this ain't one of them.
- lastingdamage, on 10/12/2007, -5/+2They forgot to add what level of HTML you need to be at in order to implement it. Willy Size? HTML Level? it's all the same.
And second comment same message
Great just what myspace users need, more things to put on their pages. All they need now is a guide to creative colour combinations and the next generation of HTML coders are being created for us by myspace.
And all the spelling nazi's can keep their hands off my spelling of colour, its the right way to spell it. - conro, on 10/12/2007, -4/+1and how exactly do you hide the 'sidenotes' in your implementation?
- sethk, on 10/12/2007, -5/+0Yeh. I wonder if this is too difficult for blog authors. Seems easy enough.
- beelzebuddha, on 10/12/2007, -6/+1Damn good tool. I'm UI designer and I can think of a dozen ways to put this to good use. I need developers like the ones that put this together -- great stuff! Thanks for sharing!
kevin. - JimV, on 10/12/2007, -7/+2I think it would be better if it was mouse-over instead of popping up in a new window.
- tdeletto, on 10/12/2007, -7/+1delete
- maseone, on 10/12/2007, -7/+1This is web2.0 at it's finest. Gentlemen, this is just the beginning.
- inactive, on 10/12/2007, -7/+1Wow, very awesome and useful
- maseone, on 10/12/2007, -20/+9side notes are the new gay
© Digg Inc. 2009
— Content created and posted by Digg users is