Go Back   CodingForums.com > :: Client side development > JavaScript programming > Post a JavaScript

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 06-25-2003, 07:09 PM   PM User | #1
jkd
Senior Coder

 
jkd's Avatar
 
Join Date: May 2002
Location: metro DC
Posts: 3,163
Thanks: 1
Thanked 18 Times in 18 Posts
jkd will become famous soon enough
Slants without the markup

The description of this forum says you can post a code snippet, and not necessarily Javascript, so.... here's a nifty CSS effect.
(Besides, I'm a supermod, so I can do whatever I want, muahahahahaha )

Alright, here's the deal, the motivation, the result, and the limitations:

1. Slants. Pretty nifty stuff:
http://www.infimum.dk/HTML/slantinfo.html

2. Too bad that pollutes the markup, isn't it? Tantek has made quite a mess in the source with his pretty-looking hexagons.

3. Look ma! No excess markup!
http://www.jasonkarldavis.com/slant.xhtml

4. Oh, I forgot to mention. Opera 7-only. That's a huge limitation right there. I'm not sure about KHTML's rendering, though I doubt it would render it correctly. (If somebody with Safari 1.0 wants to take a screenshot though, that would be cool.) Mozilla puts the slants in; it just doesn't put them in the correct location. There are known bugs in Bugzilla though concerning marker-box insertions, so...

Anyway, I got around polluting the markup by making use of the :before and :after marker-boxes that CSS2 makes readily available for me.
Opera has always had the best support of content insertion to my knowledge, followed by Mozilla, and with Safari/Konqueror somewhere in there too. So, even :before and :after is severely limited, and then applying slants limits it even more. I'm still working on making it display in Mozilla though, so who knows; I just might make this remotely useful.

Anyway, just some more eye candy and food for thought for you guys. I've been trying to post some interesting stuff in this forum lately, in case you didn't notice.
__________________
jasonkarldavis.com
jkd is offline   Reply With Quote
Old 06-26-2003, 03:47 AM   PM User | #2
jkd
Senior Coder

 
jkd's Avatar
 
Join Date: May 2002
Location: metro DC
Posts: 3,163
Thanks: 1
Thanked 18 Times in 18 Posts
jkd will become famous soon enough
A hexagon taken from Tantek's website and modified similarly as above to not include extraneous markup.

http://www.jasonkarldavis.com/hexagon.xhtml

Works in Mozilla this time too.
__________________
jasonkarldavis.com
jkd is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 09:15 AM.


Advertisement
Log in to turn off these ads.