专注于网站前台|用户体验|网页设计|网页表现力

学习一个新的应用程序可是一件艰巨的任务， 特别是面对像Adobe Illustrator这样复杂的软件！幸好这里有网友收集的很多Illustrator的入门教程， 让我们的新用户能够初步掌握Illustrator的核心技术。这些一手收集的教程涵盖了各种Illustrator的工具，并提供大量的实例和演示。好吧，让我们这就开始~

阅读全文

如果访客来到你的站点搜索不到他想要的内容，你想让他们怎么做？你想让他们留在你的站点？当然，你更愿意引导他们前往404错误页面。

你可以使用一个404页面告诉你的访问者他们下一步该怎么做。这里我收集了一些国外优秀的404错误页面设计实例，可以自我启发一下看看这些设计有意思在哪里，再自我创作制作自己的404页面。^_^

Mundofox

阅读全文

一、目的

bb.swf的元件库中有一个元件，在aa.swf中调用这个元件，显示到舞台上

二、步骤

bb.swf

1.新建bb.fla，在上面画一个圆

2.选择这个圆，将其转换为元件，并选择”Export for ActionScript”，类名取为”Yuan”

3.在舞台上删除这个元件（删除后，只在元件库中有该元件）

4.Ctrl+Enter 运行bb.fla ， 生成bb.swf 阅读全文

If you are front end coder you must know how important is to make cross browses, valid CSS and xHTML code. And also you must know how much time we are spending in all those hacks and fixes for various browsers. I’ve written about some of them earlier on PNG transparency issues, Yellow fields in web form, Vertical align div etc..

Here is the list of 10 hand picked CSS hacks and tricks which can help you in your CSS code and also save some time.

1. Vertical align div

http://stylizedweb.com/2008/02/01/vertical-align-div/

2. Min-Height

 
selector {
min-height:500px;
height:auto; !important
height:500px;
}
 

3. PNG transparency

http://stylizedweb.com/2007/12/30/png-transparency-issues/

4. Autoclear

 
.container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.container {display: inline-table;}
/* Hides from IE-mac \*/
* html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */
 

5. Reset CSS

 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
* {
margin:0pt;
padding:0pt;
}
 

6. Scrolling Render IE

 
html {
      background : url(null) fixed no-repeat;
     }
 

7. Opacity

 
#transdiv {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}
 

8. PRE Tag

 
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
 

9. Li Background Repeat IE

 
<!--[if lt IE 7]>
<style>
#leftnav li { zoom: 1;} /* haslayout=true */
</style>
 
<![endif]-->
 

10. Good to know

 
@charset "UTF-8";
 
/* ----------------------------------------------------------------------
	WinIE7
---------------------------------------------------------------------- */
*:first-child+html selector{property:value;}
 
/* ----------------------------------------------------------------------
	WinIE6 & Mac IE
---------------------------------------------------------------------- */
* html selector{property:value;}
 
/* ----------------------------------------------------------------------
	WinIE6
---------------------------------------------------------------------- */
/*\*/
* html selector{property:value;}
/**/
 
/* ----------------------------------------------------------------------
	MacIE
---------------------------------------------------------------------- */
/*\*//*/
selector{property:value;}
/**/