Every once in a while, I like to play around with CSS, especially bleeding edge stuff, like CSS 3.
I’ve written a tiny demo that shows how CSS3 :target can be used to create effects that you previously would have to do with Javascript.
The demo works as a start at mimicing a windowing system contained within a webpage. Currently, only Safari and Mozilla support this. I have only tested in the latter, so any feedback from Safari users would be appreciated.
View the demo.
Fun with :target
Posted by Arve on July 9, 2003
https://virtuelvis.com/2003/07/fun-with-target/
Previous Post
Opera 7.20 Betas
Opera 7.20 Betas
Next Post
Sex, statistics and videotape
Sex, statistics and videotape
Kjell
/ 2003-07-10The demo works great in Safari 1.0, interesting stuff.
Seamus
/ 2003-07-13I like. Oh and thanks for the link.
Vidar S. Ramdal
/ 2003-07-16Great stuff! Doesn’t seem to work in Camino, though. Guess Camino is based on an older Mozilla.
Tobias Steinhoff
/ 2003-08-01hi, works well in safari 1.0
something seems to be wrong with the trackback on your side, my bookmarklet does not discover any trackbacks, on other MT driven sites it works well.
Arve
/ 2003-08-01The trackback problem must reside on your end. I just tried using the “Post to MT Weblog” bookmarklet, and it correctly recognized the trackback data.
:::mactobias:::
/ 2003-08-01css3
interessantes css3 experiment. css3 fun :target geht mal wieder nur in ordentlichen browsern š = mozilla 1.5 + safari 1.0….
tango, the world and I
/ 2003-08-06CSS3: Fun with :target
Virtuelvis has a great way of playing with CSS. Another reason why CSS is the way to go š btw. This seems to work with Safari and Mozilla (only?). Too bad, long live Standards Compliance…
RotAtoR
/ 2003-08-19Works greats in Firebird 0.6.1! Love the idea. I ran into a problem when dragging the “windows” out side the viewable area though.
Arwen
/ 2003-08-29Impressive!!!!! Not only the CSS effect, but also the nice Apple-like design!
Tom
/ 2004-04-02Blogginnlevering 2: Blogganmeldelse.
I faget huin105 skal det anmeldes en blogg av fritt valg, hvor karakteren teller 10% pĆ„ sluttkarakteren. Jeg har valgt Ć„ ta for meg Virtuelvis.com. Virtuelvis er den engelske bloggen til webutvikleren Arve Bersvendsen, den norske heter antibiomatika, m…
Devon
/ 2006-03-24Apparently even the IE7 Mix Beta 2 preview released a few days ago, can’t even handle :target. I just tried the demo with it. That’s disappointing.
Shane
/ 2006-03-31This is a very impressive presentation… I’m probably being a bit dim but I can’t find the code for your ‘movement.js’ script. Can you post the code or provide a link?
Thanks in advance,
Shane
Arve
/ 2006-03-31Code is here: http://virtuelvis.com/gallery/css3/target/movement.js