WebKit nightlies 现在支持HTML5中"noreferrer"这个链接属性了,这是一个很小但是很酷的特征,可以让Web开发人员阻止浏览器发送访问来源信息。只要在链接里的把rel属性赋值为"noreferrer"就可以了。
如:<a href=”http://www.viold.com” rel=”noreferrer”>noreferrer!</a>
当接收到了由从某个网页上点击这个链接发起的HTTP请求时,HTTP请求的Referer字段将是空的,这就好像用户在IE浏览器(当然IE目前并不支持HTML5)地址栏直接从about:blank状态开始输入网址并访问网站一样的效果,而网站并不会知道这次访问的来源信息。
当链接中的同时使用 target=”_blank” 时,WebKit同样将会把window.opener属性设为空(null)。对于这个用法的解释是:一个由于点击了网页中锚点而发起的请求,之后目标页面执行的任何脚本应该运行在一个新的上下文环境中,即使这个目标页面通常被认为有着同样的源头。
"noreferrer”这个链接属性值只是HTML5 spec中定义的许多链接属性值的一个。在WebKit中,它是第一个被实现的。其实我们只是希望这样会让那些关心用户隐私和安全的Web开发人员的工作和生活轻松一些。
不同的浏览器要求不同的样式声明,各浏览器及其各版本有不同程度的 CSS 执行的完整性。采用的是 Internet Explorer 的条件注释语法的思想,并把它内联到 CSS 声明之中。
条件 CSS 主要用于指出一个特别的 CSS 声明是不是应该用于一个特别的浏览器。当然你不希望经常这么做,但是当你需要针对一个浏览器的时候,它会非常有用。可以在U4EA支持列表里看到,大部分的浏览器都支持这种方式。
任意 CSS 声明或者块都可以添加条件声明前缀,这些前缀有3种基本类型:
- [if {!} browser]
- [if {!} browser version]
- [if {!} condition browser version]
最近较忙,另外个网站的重构,然后加上乱七八糟的事情,压得我透不过气来.一直想不明白,这公司究竟是"杂货店"还是百货商场.作为一个加盟连锁的机构,无非就是想让一些人加盟罢了,那么网站就应该针对加盟连锁这些内容来设计,然而设计出来的初稿和建议如同时石沉大海.现在也心淡了,他们说如何搞就如何搞了.什么兼容和标准也丢一边不理,反正什么乱七八糟的效果都在上面,JS一堆,看到都头痛.只是简单的弄几张图,几个表格框起来,然后就把 JS 往上堆,估计这是我做过最烂的而且是最快速的一个网站了,嘿嘿.
扯远了,回归主题.以前设计网站想取得一个色彩的时候,都是习惯性的打开 Fireworks 建立位图来取色的,程序打开太多占用了系统资源.偶尔在网上遇到一些取色的网页,但都一时不记得保存,搜索篇文章记录下.
好的配色,很大程度上决定着一个网站设计的质量好坏,合理地选择合适的色彩搭配,契合网站设计目的的同时,可以更确切地传达网站产品要表达的内容和思想,除了平时使用的Web设计软件意外,更多地掌握一个在线配色调试工具,会给你的工作起到事半功倍的效果,节约工作成本.这里就为Web设计师整理了18个优秀的在线配色调试网站工具:
从开始学习前端设计开始,就能看到不少网站把一些背景图片和 ICO 图标文件都整合成一个文件.刚开始还不能理解这是为什么,反而认为这样增加了设计人员的工作量.但通过一段时间的接触后,才懂得整合文件的好处.
其实在平时的电脑操作上我们都能遇到类似的情况,比如我们把几百张照片从D盘拷贝到E盘,可能需要十几分钟的时间.但如果这几百张照片事先压缩成一个文档,拷贝的速度就会快很多,而且时间也花了更少.
同样的道理,CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度.(见下图)