下面 filter:alpha(opacity=70), opacity: 0.7， 同埋 moz-opacity: 0.7 都系 set transparency，个 number 越接近 100/1.0 就越不透明。（0系就完全透明）
有三行系因为browser compatibility同埋CSS既standard问题。无需要既话，delete左就得（当然有多都无影响）
#translucent_div {
width: 300px;
background-color: #fff;
filter:alpha(opacity=70); /* IE */
moz-opacity: 0.7; /* Mozilla */
opacity: 0.7; /* CSS standard */
}
Posted in Web Design, Design having 9841 comments »
XML is a non-proprietary structured language conforming to SGML.
For a more in-depth description, view http://www.w3schools.com/xml/default.asp
Posted in Web Design, Design having 10096 comments »
The browser issue!
Since IE6 for Windows is not fully compatible with CSS2.0, web pages written in standard compliant languages may not render properly. One of the most required feature — position: fixed — is not comprehended by IE6/Win.
There is an extremely wise workaround for this, this method make use another bug of IE6/Win (it wrongly understands position: absolute as position: fixed).
The steps are simple:
That’s it, simple isn’t it!
Posted in Web Design, Design having 7 comments »
Below is the standard CSS setting for displaying Chinese fonts in web browsers for Windows2k/XP.
.kai {font-family: dfkai-sb, stkaiti, 標楷體, 华文楷体;}
.serif {font-family: pmingliu, simsun, 新細明體, serif;}
.sans-serif {font-family: simhei, sans-serif;}
For a more detailed discussion, please go to http://blog.roodo.com/rocksaying/archives/3124027.html
About the English fonts, here is a table listing the most common fonts found in different systems:
| Windows | Macintosh | Unix/Linux | |
| Serif | Book Antiqua, Bookman Old Style, Garamond | New York, Palatino, Times | Bitstream Vera Serif, New Century Schoolbook, Times, Utopia |
| Sans-serif | Arial, Century Gothic, Lucida Sans Unicode, Tahoma | Charcoal, Chicago, Geneva, Helvetica, Lucida Grande | Bitstream Vera Sans, Helvetica, Lucida |
| Monospace | Courier, Lucida Console | Courier, Monaco | Bitstream Vera Mono, Courier |
For a complete listing, go to http://www.microsoft.com/typography/fonts/default.aspx
Posted in Web Design, Design having 1794 comments »
HTML is the language for website and there is no question about it. But here it comes the XHTML and XML. What are they? My only purpose is to write standard compliant websites, what should I know?
Luckily, XHTML is not difficult, it is a slight modification of HTML4.01 to comply with XML standards (what is XML after all? Right now I am still finding that out, but for the time being, you can ignore it, anyway this won’t affect the appearance of your website if you don’t know :P). Major requirements/changes include:
<ul>
<li>…</li>
<li>
<ul>
<li>…</li>
<li>…</li>
</ul>
</li>
<li>…</li>
</ul>
<br />
<img src="foo.jpg" />
<hr />
<!html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
To test whether your page is compliant with XHTML 1.1 standard, try this link: http://www.w3schools.com/xhtml/xhtml_validate.asp
There is an invaluable source for one to learn XHTML in greater depth: http://www.w3schools.com/xhtml/default.asp
Posted in Web Design, Design having 690 comments »
Being a graphic designer entering the realm of web design, it seems that there are lots of things I need to unlearn and learn, especially for one thing called standard compliant websites.
Before, I just use Adobe Photoshop and Illustrator for the comp and Dreamweaver for the actually HTML scripting. A bit knowledge of HTML, javascript, CSS, PHP and that’s it.
After diving into the ocean of web design, a whole new array of things keeps coming up. I have to try hard to get to know the many different aspects of web design. Below is the list I studies/planned to study in six months’ time:
Up till now, what I find to be most difficult is still the one thing - the browser war! Oh, no~
Posted in Web Design, Design having 521 comments »
After a brief review of all the existing methods to workaround the age-old “click to activate” problem, the simplest way I could find is as follows:
That’s it! This method works for flash files in I.E.
Wanna a more in-depth study of the the topic, here are the places to go:
Posted in Web Design, Design having 3 comments »
Chances are that you come across websites with a tiny icon displaying at the address bar and the bookmark and you want to give your website the same treat. Here is how to get this done:
And the small icon will display immediately!
By the way, this small icon is called the Favicon.
Posted in Web Design, Design having 1 comment »
Wordpress Theme - Newpaper 0.1 for your free use in Wordpress blog.
Concept: Our blogs are just like a newspaper. It records the many encounters of our lives. Stories are published daily. So, be your own journalist!
More refinement will be made in the near future. Just click on the preview below to download it, un-stuffit and put it inside the Theme folder.
Posted in Web Design, Design, Resources having 11 comments »
Design for the Beijing Olympic mainly draws from the rich cultural tradition of China. The long history of China is a valuable resource to dig into. The deeper one goes, the more one discovers. With creative manipulation of the many cultural elements and philosophy in recent years, China has found a place in the modern design stage.
Most of the works here are a result of international design competitions. The winners are mostly Chinese. You may well say that Chinese entrants are advantageous in these Chinese competitions. Both yes and no. Yes, because Chinese would know China in greater depth and their design can reflect the Chinese image easier. No, because the Olympic is an international event, and foreign designers may be able to see Chinese design in fresher eyes and bring in novel and innovative representation and elaboration. The chance is equal.
Actually in the past, many Chinese favoured Western design to their original design. Some even went as fas as to discard all the cultural heritage and adopt whatever the Western world brought. It is only in recent years that Chinese designers come to aware that what they can bring most to the design world is a modernization of Chinese heritage design (sounds somewhat like the modernization movement in western design history but several hundred of years later).
Chinese design has fast become a major driving force and the design shown here is a case in point.
Read the rest of this entry »
Posted in Design, China Design having 4 comments »
Del.icio.us 
Digg 
Blinklist 
Furl 
Reddit 
StumbleUpon 
Yahoo MyWeb 
Edward is a graphic designer based in Hong Kong.