<![CDATA[我遇见你]]> http://www.imeetyou.net/ zh-cn PBlog2 v2.4 我遇见你 http://www.imeetyou.net/images/logos.gif http://www.imeetyou.net/ 我遇见你 http://www.imeetyou.net/article.asp?id=462 <![CDATA[国外设计师ui站网址分享]]> zyj10222@126.com(admin) Fri,03 Feb 2012 16:47:42 +0800 http://www.imeetyou.net/default.asp?id=462
丹麦Icon设计师的主页 http://jonas.seph.ws/
生活在澳洲的19岁中国UI设计师 http://www.istartedsomething.com/
韩国icon工作室 http://www.zzve.com/
又一俄罗斯icon工作室 http://www.turbomilk.com/
还有fasticon http://fasticon.com/ http://topstyles.net/
来个小日本的icon工作室 http://www.hybridworks.jp/这个我喜欢，清爽但很精致
此站偶每天必看 http://www.enhancedlabs.com
来个icon国王吧 http://icon-king.com/
这里图标画的及其细致， http://www.icondrawer.com/main.php
类是于wincustomize，超级棒 http://customize.org/
美国18岁的天才icon大学生 http://www.louiemantia.com/icon/
国内一女孩，还是学生，做皮肤，还有适量插画不错 http://www.alexhill.cn/
法国icon设计师 http://blog.tpdkdesign.net/
图标海论坛大家都有吧 http://bbs.icosea.com/ iconbuffet的站点 www.iconbuffet.com
加拿大的，华丽 http://www.ndesign-studio.com/
波多黎哥的UI设计师 http://-kol.deviantart.com/
印度一位估计才10多岁的天才 http://sreeejith.deviantart.com/gallery/
网易的设计师 http://www.abloxo.com/blog/
瑞士18岁的icon少年，他的作品海波师傅收藏过 http://nelson-tux.deviantart.com/ 帅气的插画
http://www.35766.com/User/?uid=Ginger
这个是我收集的，点ui相关 他的作品uirss上发布过 http://deleket.deviantart.com/gallery/
一个美国老，AI的汽车画的真是………. http://dr-phoenix.deviantart.com/
新加坡超级有视觉冲击的漫画家 http://artgerm.deviantart.com/
一个波兰MM的 http://artgerm.deviantart.com/
德国老 http://ld-sign.deviantart.com/gallery/]]> http://www.imeetyou.net/article.asp?id=461 <![CDATA[【方法总结】画图标-对抗锯齿的方法]]> zyj10222@126.com(admin) Fri,03 Feb 2012 16:43:55 +0800 http://www.imeetyou.net/default.asp?id=461 1.【编辑】-【首选项】-【常规】（快捷键ctrl+K）请确保你的[图像插值]设置为“两次立方（适用于平滑渐变）”。
2. 画图的时候，注意勾选“消除锯齿”。
3. 尽量使用【矩形工具】来画图，调节图形的时候，选用【路径选择工具】来调整，需要填充渐变的时候，选用【图层样式】中的【渐变叠加】。
提示：只要不是画像素图标，就必须要使用【矩形工具】、【钢笔工具】等等矢量工具来画图！只有矢量蒙版和剪贴蒙版的熟练使用才可以画出好看的图标。也只有这样，你的图标才不会处处出现锯齿！（如果只是长方形和正方形，那用普通的填充位图都是OK的。）
4. 最好是在100%画面中画矢量图形，但如果要放大画面，最好在整数倍的情况下画图，比如200%、400%、800%等。。不然，在描边后可能会出现边缘虚化的现象。
5. 如果是普通的位图，千万不要反复的ctrl+T，如果非要使用ctrl+T，要注意，先调整位置，最后再放大缩小。使用次数越少越好。
6. 我自己觉得十分有效的一个消除锯齿的办法是，使用【图层样式】-【描边】！这个办法的关键就在于选择描边时所选用的颜色，这个颜色最好和图形比较接近，又跟底色环境比较和谐的颜色。使用描边之后，不仅图形轮廓显得更清晰了，而且也看不出来有锯齿。强力推荐！试试看吧！
...



初学画图标，我自己总结了这样的方法：
像素图标：
1.找一些16X16的简单像素图标来分析，看一些基本几何形状是如何画的，再看圆角，曲线等等是如何处理的，看懂之后，你就可以举一反三了。
2.然后找一个教程，跟着一步一步画出来，加深体会。

一般图标：
1.找一些PSD的原始分层文件（在许多素材网站上都很容易找到），分析别人是如何使用剪贴蒙版和矢量蒙版的。
2.分析当下流行的表现手法。
（一层层，到处多点一点，多思考，就会有收获。）
3.选择一个你喜欢的图标，跟着教程，从头到尾画出来。（在这个过程中你有可能遇到困难，但千万不要放弃，多请教别人，多从别人的PSD原始文件中找方法，或者到网上搜索。当问题解决之后，你会发现，其实也不是那么困难。）
4.临摹一个图标（无教程的）。
做完这些事情，再读一些关于图标设计原则的文章，十分有必要。因为这些文章能让你知道什么样的图标美观且实用。
比如：http://pcedu.pconline.com.cn/sj/design_area/idea/0711/1169283.html
http://edu.itbulo.com/200709/120230.htm
原文作者http://hi.baidu.com/jessie081109/blog/item/2acd190ad6a74fdb63d98672.html]]> http://www.imeetyou.net/article.asp?id=460 <![CDATA[2012来了]]> zyj10222@126.com(admin) Tue,17 Jan 2012 12:59:14 +0800 http://www.imeetyou.net/default.asp?id=460 春节前再记一下。
]]> http://www.imeetyou.net/article.asp?id=459 <![CDATA[WEB前端开发工具整理【转】]]> zyj10222@126.com(admin) Fri,14 Oct 2011 13:07:35 +0800 http://www.imeetyou.net/default.asp?id=459
•IE Developer Toolbar (DOM, CSS)
•Web Accessibility Toolbar (可读性及更多功能)
•XRAY, MRI (CSS)
•Companion.JS(JavaScript)
•Microsoft Script Debugger (JavaScript)
•HttpWatch

Firefox浏览器插件
•Web Developer Toolbar (多用途)
•Firebug (DOM, CSS, JavaScript, 流量)
•Modify Headers (Ajax)
•Poster (Ajax)
•XRAY, MRI (CSS)
•Firefox Accessibility Extension
•LiveHTTPHeaders

Opera浏览器插件

•Opera developer tools (DOM, CSS, JavaScript)
•Opera Error Console (HTML, CSS, JavaScript)
•XRAY, MRI (CSS)
•Web Accessibility Toolbar (可读性及更多功能)


Safari浏览器插件
•Safari Debug Menu (JavaScript)
•XRAY, MRI (CSS)
•Web Inspector (Safari 3) (CSS, DOM)

开发工具
Dreamweaver、Microsoft Expression Web 3 ---网页制作
TopStyle、Visual CSS---CSS编辑器
EditPlus---文本编辑器
Aptana Studio、1st JavaScript Editor--- Javascript集成开发环境
FastStone Capture--截图，取色，量尺寸，屏幕录制工具

调试环境
•MultipleIEs(IE5、IE6、IE7、IE8)、IETester
•Firefox 2/3
•谷歌 Chrome
•Opera 9
•Safari 3-- Mac OS平台
•虚拟浏览器（分别有IE6、IE7、IE8、FF、Chrome、Safari的）-----推荐使用

调试（Debug）工具
•Internet Explorer Developer Toolbar（IE6插件，IE8内置该功能）--DOM、CSS
•Companion.JS（IE）--JS调试工具
•Web Developer和Firebug插件（Firefox）
•WebDev Toolbar（Opera）

•ViewPage插件（遨游）--资源提取
•IETester--浏览器集成测试工具
•HttpWatch--对网络通讯的数据进行监控和分析
]]> http://www.imeetyou.net/article.asp?id=458 <![CDATA[关于P3P同源策略的问题【cookie被阻挡或限制】]]> zyj10222@126.com(admin) Thu,21 Jul 2011 17:31:37 +0800 http://www.imeetyou.net/default.asp?id=458 在IE浏览器 附加组件栏 出现一个 小眼睛 而且 我们的js无法在外部网站正常调用执行。
点击小眼睛发现提示 【基于您的隐私设置，某些Cookie限制或被阻挡】
然后列表里看到了，访问我们网站的路径，无论图片还是样式css,js等都让阻挡了。

之后就百度，谷歌大神的搜索，终于发现了是因为p3p 同源策略问题，下面我来说一下对遇到这样问题的解决方法：

先列问题：
1、什么是p3p,有什么用？
2、怎么在自己的网站上实现p3p策略？
3、p3p文件如何编写，部署，验证等？
4、如何检测自己的网站是否实现了p3p?

基本上主要就是以上所罗列的问题，下面分布来解答；
1、什么是p3p?
P3P是万维网联盟（W3C）公布的一项隐私保护推荐标准，旨在为网上冲浪的Internet用户提供隐私保护。现在有越来越多的网站在消费者访问时，都会收集一些用户信息。制定P3P标准的出发点就是为了减轻消费者因网站收集个人信息所引发的对于隐私权可能受到侵犯的忧虑。P3P标准的构想是：Web 站点的隐私策略应该告之访问者该站点所收集的信息类型、信息将提供给哪些人、信息将被保留多少时间及其使用信息的方式，如站点应做诸如 “本网站将监测您所访问的页面以提高站点的使用率”或“本网站将尽可能为您提供更合适的广告”等申明。访问支持P3P网站的用户有权查看站点隐私报告，然后决定是否接受cookie或是否使用该网站。

以上我们简要地谈了一下什么是P3P，有兴趣的不妨点击
http://www.w3.org/P3P，访问官方P3P网页以获取更多技术信息

我们为什么需要了解一点P3P？
您一定听说过cookie，cookie 是由 Web 站点创建的小文本文件，存储在您的计算机上。这样，当您下一次访问该站点时，它可以自动获取有关您的信息，例如浏览喜好，或您的姓名、地址及电话号码。过去一般认为绝大多数Internet用户能够接受cookie，毕竟，只有那些患有妄想狂的人才会因恐惧而拒绝cookie，不是吗？然而，这种假设在过去或许能够成立，而现在则未必。

注：IE浏览器默认的隐私安全策略是中，可以点击【Internet选项】【隐私】查看。
它的提示为：“阻止没有合同隐私策略的第三方cookie；阻止使用个人可标识信息而没有您的隐含许可的第三方cookie；限制使用个人可标识信息而没有隐含许可的第一方cookie”

我们上面遇到的问题就是没有合同隐私策略的第三方cookie; 问题的原因找到了，

-------------------------------------------------------------------------------------

2、下面我们该想如何让自己的网站实现p3p策略？
这个时候我找到一篇文章【关于p3p 简洁策略,以及浏览器的支持情况】
连接：http://www.cnblogs.com/_franky/archive/2011/03/16/1985954.html
作者很详情的说了p3p以及 各个浏览器对p3p的支持，但对如何给本站编写一个p3p文件，如何部署没有更详细。

P3P的实现
P3P的功能有三个部分组成：一个或者多个策略文件、策略参考文件和源自服务器的HTTP报头。策略文件应该存放在Web服务器的w3c目录下（/w3c）。
我们创建以下三个文件：
1. 策略参考文件（P3P.xml）
复制内容到剪贴板程序代码 程序代码

<?xml version="1.0" encoding="UTF-8"?>
<META xmlns="http://www.w3.org/2001/09/P3Pv1">
   <POLICY-REFERENCES>
      <POLICY-REF about="/w3c/policy.p3p#PrivacyPolicy">
      <INCLUDE>/*</INCLUDE>
      </POLICY-REF>
   </POLICY-REFERENCES>
</META>

2. 创建策略文件（Policy.p3p）、
复制内容到剪贴板程序代码 程序代码

<?xml version="1.0"?>
<POLICIES xmlns="http://www.w3.org/2002/01/P3Pv1">
<!-- Generated by IBM P3P Policy Editor version Beta 1.10 built 2/19/02 2:42 PM -->
<!-- Expiry information for this policy -->
<EXPIRY max-age="604800"/>
<POLICY name="PrivacyPolicy">
    <!-- Description of the entity making this policy statement. -->
    <ENTITY>
    <DATA-GROUP>
        <DATA ref="#business.contact-info.online.email">zyj10222@126.com</DATA>
        <DATA ref="#business.contact-info.online.uri">http://www.imeetyou.net</DATA>
        <DATA ref="#business.name">test</DATA>
    </DATA-GROUP>
    </ENTITY>
    <!-- Disclosure -->
    <ACCESS><nonident/></ACCESS>
    <!-- Disputes -->
    <DISPUTES-GROUP>
        <DISPUTES resolution-type="service" service="http://www.imeetyou.net" short-description="New Dispute">
            <LONG-DESCRIPTION>test.</LONG-DESCRIPTION>
            <REMEDIES><correct/></REMEDIES>
        </DISPUTES>
    </DISPUTES-GROUP>
    <!-- Statement for group "Basic information" -->
    <STATEMENT>
        <EXTENSION optional="yes">
            <GROUP-INFO xmlns="http://www.software.ibm.com/P3P/editor/extension-1.0.html" name="Basic information"/>
        </EXTENSION>
        <!-- Consequence -->
        <CONSEQUENCE>Data collected from all Web users: access logs, and search strings (if entered).</CONSEQUENCE>
        <!-- Use (purpose) -->
        <PURPOSE><admin/><develop/></PURPOSE>
        <!-- Recipients -->
        <RECIPIENT><ours/></RECIPIENT>
        <!-- Retention -->
        <RETENTION><stated-purpose/></RETENTION>
        <!-- Base dataschema elements. -->
        <DATA-GROUP>
            <DATA ref="#dynamic.clickstream"/>
            <DATA ref="#dynamic.http"/>
        </DATA-GROUP>
    </STATEMENT>
    <!-- Statement for group "Cookies" -->
    <STATEMENT>
        <EXTENSION optional="yes">
            <GROUP-INFO xmlns="http://www.software.ibm.com/P3P/editor/extension-1.0.html" name="Cookies"/>
        </EXTENSION>
        <!-- Consequence -->
        <CONSEQUENCE>Cookies are used to track visitors to our site, so we can better understand what portions of our site best serve you.</CONSEQUENCE>
        <!-- Use (purpose) -->
        <PURPOSE><admin/><develop/></PURPOSE>
        <!-- Recipients -->
        <RECIPIENT><ours/></RECIPIENT>
        <!-- Retention -->
        <RETENTION><stated-purpose/></RETENTION>
        <!-- Base dataschema elements. -->
        <DATA-GROUP>
            <DATA ref="#dynamic.cookies" optional="yes"><CATEGORIES><state/></CATEGORIES></DATA>
        </DATA-GROUP>
    </STATEMENT>
<!-- End of policy -->
</POLICY>
</POLICIES>


验证：
将以上文件放到 网站根目录的w3c 目录下。这个时候可以通过  w3c 的检测工具来 验证你写的是否正确： http://www.w3c.org/P3P/validator.html
对于站点的设置就完成了。

接下来对于服务器端的设置：

服务器端不听的服务器会面临不同的问题

如是iis 那么 如何将 IIS 配置为使用平台的隐私首选项 (P3P)？
在微软这里找到了支持： http://support.microsoft.com/kb/324013/zh-cn；
如果是Apache
查看这里 ： http://kb.cnblogs.com/a/1295695/


如果你在服务器端也设置好了。那么最好我们来验证一下我们的设置是否成功

这下 用 chorme 浏览器 的开发人员工具

刷新页面，在之前的图片，以及连接上查看header 信息就会出现你在 iis里设置的P3P 信息。

这样在用户访问的时候就不会出现 cookie被阻挡或限制 这样的提示了~！

关于p3p还有很多有意思的问题 比如
1、【用P3P解决第三方COOKIE存取的问题】
2、【过设置p3p头来实现跨域访问cookie】
而且有一本关于p3p 的书籍 O'Reilly的书《Web Privacy with P3P》

以上略叙遇见的问题，希望能对读者有所帮助。










]]> http://www.imeetyou.net/article.asp?id=457 <![CDATA[关于Internet Explorer 无法打开 站点已终止操作的问题]]> zyj10222@126.com(admin) Thu,21 Jul 2011 16:51:44 +0800 http://www.imeetyou.net/default.asp?id=457 http://www.xxx.com/xxx.html 已终止操作",而且发现这个问题只在IE6下出现
这是因为在IE下,在加载文档的过程中,整个HTML文档的DOM结构尚未生成完整,而此时正在执行的JS就已创建出新的DOM结点了,致使DOM树的结构发生紊乱。
解决方法大概有两种:
　1、加载完成判断
　　　 if (document.readyState=="complete"){
　　　　　....
　　　 }else{
　　　　　document.onreadystatechange=function(){
　　　　　if(document.readyState=="complete")...;
　　　 }
　2、加载完后执行
　　　window.onload=function(){
　　　　 ...
　　　}

更多引起此问题的操作原因：
以下 转载自：http://blog.csdn.net/wangjj_016/article/details/5304780

1.  在DOM加载完之前进行了增加删除节点的操作，例如appendChild，removeChild。innerHTML操作目前还没发现有这个问题。

解决办法：在jQuery(document).ready()或者在body的onload事件里执行这些操作。

2.  head包含<base target="_blank"/>，有对head对象的DOM操作也会出现这个问题。

解决办法：1)<base target="_blank"/>改为<base target="_blank"></base>，没找到相关资料解释这个问题。

                 2)使用head.insertBeforeChild()代替appendChild，insertBeforeChild不会造成DOM紊乱。
]]> http://www.imeetyou.net/article.asp?id=456 <![CDATA[IE6是时候说再见了~！]]> zyj10222@126.com(admin) Thu,14 Jul 2011 13:36:03 +0800 http://www.imeetyou.net/default.asp?id=456
微软近日开通了一家名为“IE6倒计时”（IE6Countdown）的网站，以此呼吁全球网民停止使用IE6浏览器。该网站的全球用户分布图显示，中国大陆是IE6浏览器使用人数最多的地区（Peoples Republic of China 33.8%）。IE6倒计时网页上写着：让IE6离开这个世界。现在已经是2011年，有了新的网络浏览标准，因此是时间和IE6告别了。

据国外媒体报道，微软已经决定在2014年4月8日停止对IE6提供服务。如果以国内4.57亿网民进行换算，表示IE6即将放弃1.6亿人的中国浏览器市场。如今，IE6倒计时中文官网也已经上线，一起对IE6说再见吧。（http://www.theie6countdown.cn/）

没有IE6,将是多么美好的世界啊~！]]> http://www.imeetyou.net/article.asp?id=455 <![CDATA[Js验证表单输入是否为手机号码]]> zyj10222@126.com(admin) Fri,24 Jun 2011 11:38:59 +0800 http://www.imeetyou.net/default.asp?id=455 利用正则去判断用户输入的是否我电话号码，或者手机号码，代码如下:

复制内容到剪贴板程序代码 程序代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>检测是否为电话号码</title>
</head>
<body>
<script LANGUAGE="javascript">
//匹配固定电话或小灵通，例如：031185907468或02185907468格式
function isphone() {
    var num = document.getElementById('phone').value;
    var partten = /^0(([1-9]\d)|([3-9]\d{2}))\d{8}$/;
    if (partten.test(num)) {
        alert('是电话号码');
    } else {
        alert('不是电话号码');
    }
}
function isTel() {
    var tel = document.getElementById('tel').value;
    var rules = /^1[3,5]\d{9}$/;
    if (rules.test(tel)) {
        alert('是手机号码');
    } else {
        alert('不是手机号码');
    }
}
</script>
请输入固定电话或小灵通号码：
<input type="text" name="phone" id="phone">
<input type="button" value="测试" onclick="isphone();">
请输入手机号码：
<input type="text" name="tel" id="tel">
<input type="button" value="测试" onclick="isTel();">
</body>
</html>
]]> http://www.imeetyou.net/article.asp?id=454 <![CDATA[Chrome不识别document.documentElement.scrollTop]]> zyj10222@126.com(admin) Thu,23 Jun 2011 12:10:45 +0800 http://www.imeetyou.net/default.asp?id=454 　　网友提示：由于document.documentElement.scrollTop和document.body.scrollTop在标准模式或者是奇怪模式下都只有一个会返回有效的值，所以都加上也不会有问题（看来上面的问题是Chrome可能把文档当作非标准文档来解析了）。
　　即获取高度时使用document.documentElement.scrollTop+document.body.scrollTop，经测试，代码在IE、Firefox、Chrome下都能显示正常了。]]> http://www.imeetyou.net/article.asp?id=453 <![CDATA[儿子趣事]]> zyj10222@126.com(admin) Mon,13 Jun 2011 13:02:08 +0800 http://www.imeetyou.net/default.asp?id=453      已经能牵着大人手一步步走了，自己爬的那个溜，常常你放下他一转身，立马就爬到了床边，喜欢缠着他妈妈，视频里也能认识我了，会指着说：“爸”。可以预见不用几个月会走了，肯定是个淘气包，哈哈，淘吧，买的好几套书，已经撕的不成样子了，不过儿子好像蛮喜欢看花花绿绿的书，然后拿着让你给他讲故事，他就认真的听，爱看书好呀，像了你老爸我了，套圈圈的玩具很快就会玩了，知道把大圈圈套上去，淘气的小家伙，真是让人喜欢的不得了，哈哈……
]]>