I’ve got a nice idea for a new extension to css3.info: a gallery of sites using CSS3 as an important aspect of their design. For that gallery I’d like you, our readers to submit your designs! Drop them in the comments, and I’ll create a cool gallery, which might feature your site!
In other news: this site will be getting a new layout in a few days, a first step towards making this site even bigger and better than it already is. Because we want to continually improve this site, Peter and myself would like to have some more people working with us on this site. If you think you can write nice posts for this site, or help us in any other way, please contact us through the contact form.
You can skip to the end and leave a response.
What a nice idea!
I like to experiment with CSS 3 and will definitely submit a design when I find the time.
The personal website I just finished (linked to above) relies heavily on CSS3, using rounded borders, rgba colours with alpha opacity, text shadows, and box shadows. At the moment, it looks its best in Safari Webkit. Unfortunately, Firefox’s implementation of rounded borders is pretty ugly right now, so that browser sees square corners for most boxes.
Yes, Firefox’s rounded corners used to look nicer, smoother. At some point it seemed that the rendering changed and, at least small corners, looked more irregular.
I’m hoping for browsers to start drawing rounded corners anti-aliased.
This gallery site: is everything freeform? You can create your own content, not have to follow a template? Not like Zen Garden?
My blog (linked to above) uses border-radius as a pretty important aspect of its design. I plan on adding box-shadow once it is supported by a Windows-compatible browser (or when I get a Mac), as well as some opacity stuff once it’s properly supported in IE.
With its current level of support, CSS3 is great for flourishes, but it’s not exactly possible to design an entire page around CSS3 yet. I think this gallery will be better once these features are more mainstream.
If only calc() and multiple backgrounds were supported i could’ve created the above linked design without the use of nested divs and a load of JS.
Note that it currently only seems to work in FF and for some reason it crashes safari =/
Oh, and yea, it’s not finished either… but most of it is.
We use a couple of CSS3 capabilities on our site (linked above) to make our webcams stand out a bit. The box enclosing the webcams is resizable, and it has a semi-opaque rgba background color. It seems like these two things operate properly only in Safari 3.
Insurance my future is a comprehensive insurance and investment firm that offers a wide range of life insurance and investment products. We strive to help clients take important financial decisions at every stage of life and stay financially independent. Moreover when it comes to paying taxes, we help by tax return packages starting from $9.99