Log in

View Full Version : Dynamic Drive Logo - Pure CSS


Nile
07-08-2011, 05:09 PM
As the title says, check it out (I made it).

http://eg.jfein.net/ddlogo/

(this is in the right forum because we're discussing css)
jscheuer1
07-09-2011, 12:37 AM
Cool. No good in IE less than 9.
Nile
07-09-2011, 12:47 AM
That's because only IE 9 supports css3 selectors like :before and :after.
jscheuer1
07-09-2011, 01:40 AM
Does that mean you could make an IE 8 and IE 9 version?

Also, why so big?
Beverleyh
07-09-2011, 07:48 AM
I haven't seen it on a computer yet but its looking fab on my blackberry. Cant wait too check out the source code. Nice job.
Nile
07-10-2011, 02:20 AM
Does that mean you could make an IE 8 and IE 9 version?

Also, why so big?

Yes I guess. :before and :after are simply 2 extra elements that come in a package with any one html element.

I don't know about the big, it was just easier making it.

@beverly thanks
traq
07-10-2011, 05:32 AM
awesome. you can make it resizable by defining the proportions in ems. to avoid rounding problems, I wrapped it in a container with a font-size defined in multiples of 10 pixels.

demo (http://www.custom-anything.com/sand/dd.html)
Nile
07-10-2011, 05:33 AM
Nice! I see you made it better also
traq
07-10-2011, 05:44 AM
you did all the hard work. I had to change some of the proportions because they weren't lining up with ems. since I was at it, I looked up the syntax for asymmetrical rounded corners :) glad you like it
Beverleyh
07-10-2011, 08:19 AM
This is what I love about DD - pooling resources to make the good things better.

Guys, your vision and perfectionism are a credit to DD and an inspiration to us all.

Thanks for sharing :)
bluewalrus
07-10-2011, 09:36 AM
Nice, just started fiddling with css3 myself. Traq on your demo page the d's greens aren't quite lining up for me ('ddcontainer two up' is the only one lining up correctly). I'm on ff 5.0 Mac (10.5.8).
traq
07-10-2011, 04:53 PM
Nice, just started fiddling with css3 myself. Traq on your demo page the d's greens aren't quite lining up for me ('ddcontainer two up' is the only one lining up correctly). I'm on ff 5.0 Mac (10.5.8).

screenshot? I've only really looked at these on Fx3.6 and Chrome (on Linux).



ahh, you mean this? sorry, I just fat fingered it ( .square:after should be 1.5em tall, not 1.55em). fixed it, thanks!
http://www.custom-anything.com/sand/ddpx.png