Submit your CSS3 designs!
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.
What a nice idea!
I like to experiment with CSS 3 and will definitely submit a design when I find the time.
So a nice domain *^.^*
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?
Yeah that is a great idea. I reckon it could really take off. At least everyone could then see what is possible with CSS3.
Good luck.
As soon as all browsers (okay, IE) start to support CSS3 i am def. in for it!
For now..I can not wait to see your new design! :P
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.
@ Thomas: it’s free form yeah :)
@ Covarr: well, I will except all sites that use CSS3 with fallbacks for browsers in which things don’t work.
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.
So it would be gallery of Konqueror only websites ;)
Nice idea!
Rounded borders look much nicer in Firefox 3, as it uses a different graphics layer from previous releases.
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.
How’s that gallery coming along? I finished my “css3 design” now. Uses multiple bg’s and text-stroke so it’s safari-only at the moment.