Archive for October, 2009
Monday, October 26th, 2009
Transparent boxes are becoming a common element to many new designs, as you will see our latest design is build around the design of 2 transparent boxes however this was done using png’s.
There are a number of ways to achieve this effect but today i will show a simple example of how to achieve this using CSS. I am not certain to what extent this code will work on all browsers but any feedback that you might have please let me know as i will include it in this post.
The below example will show a box using the background colour of white and an alpha of 50%.
Transparent Box CSS
margin: 20px 0;
/* Internet Explorer */
/* CSS3 standard */
Here’s what it looks like
The only real advantage, but a good one, is that you no longer need to use images (e.g. pngs) for your backgrounds which could result in faster loading times for your web page.
This may not work on all browsers, it certainly does for the most recent versions but how far back this technique goes back I’m not too sure. Using the code above you will also need to keep the width set, in IE it seems to break without it. But im sure there is a work around for this.
Sunday, October 18th, 2009
So its official you can now follow us on twitter to see what we’re up to!
At the moment I cant see there being much tweeting going on due to the vast amount of website design work going on here, be stay tuned! We’ll be posting regular updates, such as:
- New website design ideas
- New website launches
- Sneak peaks
- Tips and Tricks
- Other random stuff we come across!
- And much much more.
Furthermore we’d love to hear your comments and feedback on our work!
You can follow us at: twitter.com/zenduo