Newt Edge

Welcome to Newt Edge

This Newt Edge site is created not for the faint-hearted browsers, but more specifically to highly standards compliant browsers, such as Gecko-based browsers. This site is the place for my collections of markup test cases, style sheets demonstrations and coding workarounds. Feel free to browse around and experience my work.

Newt Cases

CSS horizontal navigation list: A demonstrational page of a pure CSS-based horizontal navigation bar with hover effects, which looks like the Javascript-based ones.
CSS vertical navigation list: A demonstrational page of a pure CSS-based vertical navigation bar with hover effects. Quite similar to the above one, but this version is made in a vertical layout.
CSS element hover effect: A way to show some effects when an element is hovered, simply by using the :hover pseudo-class with :after and/or :before pseudo-elements, plus the content property.
32-bit PNG degradability in IE: Want to use 32-bit PNG graphics on your web site but couldn't do so because of IE's lack of alpha transparency support? Here's a solution for you which requires no Javascript or CSS hack at all.
Hiding email address from spambots: Spambots are dangerous. Your email address is at risk. One of the ways to prevent spambots from harvesting your email address is by hiding it. There are lots of methods to hide an email address but have you ever try the CSS method?
Interactive image gallery: Thinking of creating an image gallery web site with style? With the power of CSS, your image gallery is guaranteed to be breathtaking, with dynamic and streamlined presentation.
Hide CSS from IE up to version 6.0: You might have seen lots of methods or CSS hacks to hide style sheets from certain browsers. Here's one more which I think you might not have discovered yet.
Scalable Star: How do you create the shape of a star with pure (X)HTML and CSS? Yet, also making it scalable? Without any use of images at all? With some text on the star?
Drop Shadow CSS: Shadow effects are nice, nowadays. Implementing shadow effects on a web page could get quite complicated. Some uses tables, multiple slices of images and even IE's invalid filter styles. How about other methods?
Gradient Effect: Introducing all the amazing gradient effects available in multiple image formats that will change your perspective totally. It's a battle out there.
Effective Banner Advertising: Hate advertisements? Love advertisements? Well, wether you like it or not, here's one CSS-based solution which you'll like for sure. This could even create a huge impact in the advertising industry.

Newt Relatives

Much, much more at del.icio.us/tag/css