Check out the background CSS trick on this blog's posts

http://jarredbishop.tumblr.com/

by AndrewWarner • 17 years ago

77 27 17 years ago

jarredbishop.tumblr.com

AndrewWarner• 17 years ago

I read about it here: http://www.unmatchedstyle.com/gallery/jarred-bishop.php

chsonnu• 17 years ago

I have NoScript enabled and see nothing spectacular. This is probably more of a JS trick than a CSS one.

FlemishBeeCycle• 17 years ago

Works for me with JS disabled - maybe you're not looking for the right effect / not impressed?

alttab3• 17 years ago

Does not work on iPhone

marilyn• 17 years ago

What is the motivation of NoScript in this day and age? You miss so much neat stuff now without out it.

david• 17 years ago

So you can go on web forums and say "Well I really don't see it so you must be cheating with some JS stuff...".

nfriedly• 17 years ago

I installed it when reading HN's RSS feed inside of netvibes, because NYT articles would decide that they didn't want to be framed and take over the hole page.

Then I decided that I liked noscript better than addblock+ and kept it instead.

vsync• 17 years ago

http://blog.freenode.net/2010/01/javascript-spam/

Pistos22• 17 years ago

I'm content with Opera's features: You can enable or disable Javascript in main preferences (of course), but you can also momentarily toggle it for your current browsing session, and even store site-specific settings. So, I surf with JS on by default, but turn it off when I happen to run into a misbehaving site, which is pretty rare. That provides for a pleasant enough browsing life.

BrandonM2• 17 years ago

I use NoScript, but I have "Temporarily allow top-level sites by default" enabled (Base 2nd level domains). Basically, if I visit http://foo.example.com, any script hosted on example.com is allowed to run. Then, on pages that seem to have stuff missing, I'll go ahead and allow scripts from certain sites to run (e.g. akamai.net, aolcdn.com, autotraderstatic.com, googleapis.com, yahooapis.com, youtube.com).

The main point is to limit exposure to XSS attacks. There are still sites (and I'm sure even some linked on HN) that allow comments without properly sanitizing input. This makes it possible for a commenter to embed javascript in a blog comment which would cause a cookie for that site to be sent to an external site, or which takes advantage of a browser vulnerability.

Another reason is to deter a lot of forms of tracking. By not running scripts from the likes of google-analytics.com or quantserve.com (two sources for scripts in this submission), my browsing activity is not followed quite as closely as it otherwise would be.

Finally, I use it to block Flash, Java, and whatever else ads, which only add annoyance and CPU consumption to my browsing experience.

Regardless, the submitted site worked fine for me. The effect is neat but I don't think it really adds a whole lot.

BrandonM2• 17 years ago

Hmm... looks like I replied to the wrong comment. I meant to reply to this one: http://news.ycombinator.com/item?id=1063142, one of the higher children of the one I actually replied to.

timr• 17 years ago

He's using the background-attachment property:

http://www.w3schools.com/Css/pr_background-attachment.asp

Using it in a div like that is a fairly spiffy effect.

thinkbohemian• 17 years ago

Up voted for creative design, and pics of the dentist-kid in the car freaking out in the last div.

Anyone seen practical application of this, or is it mostly for funzies?

ars2• 17 years ago

I've seen it used for an effect where it looks like you are raising and lowering a flag on a pole as you scroll up and down.

Pistos22• 17 years ago

Would you happen to have the URL for that?

harisenbon• 17 years ago

I felt similarly. While a neat effect, I really don't see the practical use of it at current. Maybe there are some sites that will use it to good effect soon?

Design-wise it really detracts from the rest of the blog page.

dbz• 17 years ago

My personal opinion is that I don't like it. I just dislike having things move when I don't expect them to -unless they are amusing me. But in this blog post, imho, it is subtracting from everything else rather than adding a pleasing design effect.

windsurfer• 17 years ago

This amuses me.

edd• 17 years ago

I first saw this done on the CSS Zen Garden a number of years back. Its still live here: http://www.csszengarden.com/?cssfile=http://www.timpelen.com...

Check out the background CSS trick on this blog's posts

Related Stories