在网页设计过程中经常会有一些容易被我们忽略的细节，大部分主流的浏览器会为我们提供一些形如自动完成、自动更正、自动大写、拼写检查、语音输入等人性化特性，但是并不是任何场景下我们都需要这些特性，比如对于电子邮件地址的输入，我们就不需要自动更正、自动大写、拼写检查等特性，而对于用户登录表单，为安全考虑则不希望自动完成的特性存在，今天要介绍的就是这些特性以及如何禁止这些特性的存在。 1. 自动完成（autocomplete） 大部分浏览器为了便于你下一次填写表单可能会有记忆功能或者又称为“自动完成”，形如下面的图示：
网页HTML中电子邮箱(Email)地址的加密和混淆防采集
邮箱里垃圾邮件一直有很多，这让我不得不重新审视，发布在网页上的电子邮箱地址，为了避免垃圾邮件，我刻意将@更换成#，也许这在十年前是个不错的办法，但是随着神经网络和机器学习新算法的发展，这一类小手段也面临失效的风险，因为大部分都是通过修改电子邮箱地址的“@”符号，通过正则表达式筛选和特征值匹配，比如hotmail.com、gmail.com、163.com这一类疑似电子邮箱地址的特征，还是可以抓取到电子邮箱地址，所以在将Email发布到HTML网页之前我们要对其进行加密和混淆。 下面我以john@example.co Read More
JavaScript/JQuery优雅的屏蔽网页鼠标右键菜单及禁止选择复制
我记得在刚开始接触动态HTML及JavaScript时就接触过关于鼠标右键屏蔽的脚本代码，当时这些代码很多会用在防止浏览者未经允许的复制网页上的文字或者其他内容，后来的实际应用证明这种做法是不符合用户体验的，而且破解的方法也有很多，比如我曾经写过一篇文章讲解如何解除网页禁止复制的办法。 由此可见，限制右键及复制是不明智的做法，但是今天我仍然要谈谈关于禁止网页复制、右键菜单的事儿，因为随着网页APP技术的发展，网页应用和桌面应用之间的界限越来越模糊，有一些桌面程序实际上是由网页配合JavaScript实现的，另外一些 Read More
Web 2.0元素字体、边框与背景配色(调色板)
项目中设计经常要用到配色，尤其是字体颜色、边框和背景配色，当然对于Web 2.0时代来说，配色首先要让人看上去舒服，不刺眼。因为平常工作需要我收集了一些现成的配色方案供大家参考，部分配色来自于《Web 2.0 Colour Palette》，还有部分配色原始出处已经找不到了，如果有童鞋知道请告知一下，当然如果大家还有一些比较好的配色方案也可以分享一下哦。
解决客户端AJAX脚本失效或禁用导致显示JSON的问题
今天浏览oschina.net的《网站出bug了？？还是被人黑了啊？？》发现的这个问题，发表评论采用了Ajax技术，但是直接提交Ajax没有起作用，导致返回了原本由JavaScript处理的JSON结果，出现这种情况多数是因为页面JavaScript加载失败或者用户禁用了脚本所致，回想到我以前的设计，有个小技巧可以解决这个问题，现与大家分享下： 基本思路就是在Ajax提交前加入自定义的HTTP请求header，然后结果处理页判断是否有这个header，如果有就说明对方是通过Ajax提交的数据，显示JSON结果；如果 Read More
谁正在绑架用户的习惯
现在的软件我已经无力吐槽了，今天有客户的电脑装了某软件，然后被附带的下载了N多不需要的重复功能的软件，蚕食了用户电脑的资源，导致电脑越来越慢，即使熟悉计算机的老手不仔细看，一个眼花，也会中招。 我还记得3721那个时代，很多插件喜欢耍流氓，嵌入到用户需要的软件中，然后在这些软件的安装过程中偷偷安装自身，然后抢占用户电脑，再搞个无法卸载，然后就有了各种各样的反流氓软件程序、各种各样的联盟、行业自律协会，后来扳倒了3721这个流氓的头头，于是后来流氓软件们安静了，大家也不再担心被偷偷安装软件了。 事情到这里似乎很完美了 Read More
博客改版采用新主题界面
由于不能忍受先前的在官方Twenty Eleven主题基础上定制的自用主题Blaue的种种Bug，所以决定重新定制一个新的主题自用，实在想不出什么好的名字，姑且就叫做Blaue V2吧，Blaue这个词是由于之前主题的主色调是Black & Blue，所以造出了这么个词，现实中貌似还真有这么个词，不过好像是德文，好了，扯多了，下面谈谈这次主题改造的细节吧。 这次主题改的母版是toolbox主题，但是改动比较大，特别是将Blaue的部分构架融合过来了，而之前的Blaue是基于Twenty Eleven主题的 Read More
判断浏览器客户端是否禁用JavaScript脚本
主流现代浏览器默认都不会禁用js脚本的，但是也有例外，除了用户主动禁用脚本外，还有就是维护模式下的安全浏览，这样会禁用页面上的js脚本。 禁用了脚本会发生什么？哦，JQuery无法使用？准确的说是所有和JavaScript有关的都无法使用。包括你上面曾经引以为豪的特效，比如AJAX、图像延时加载以及本地脚本存储等等。是不是感觉像是回到了原始社会，严重一点可能感觉像是过着盲人的生活，呵呵，不过有一点可以肯定的是未开启脚本的这部分用户少之又少，我们可以抛弃他们。你说什么？抛弃我们的客户？这怎么可以？别急，下面我要介绍的 Read More
巧妙利用label标签去除按钮点击或者submit按钮的黑框线
HTML的label标签大家应该不会陌生，什么？没用过？那可以好好看下aoao的这篇《各位大大行行好，给checkbox配个老婆（label）吧》文章。一般在表单中使用，给类似的checkbox或者radio框配上label，明显有助于改善用户体验。 这里借用一下aoao的测试示例： 点啊点啊点这里点啊点啊点这里也没用 上面测试示例的代码如下： 1 2 3 <input type="checkbox" name="testtest" id="testtest& Read More
兼容IE和FireFox设为首页和加入收藏的JavaScript代码
设为首页和加入收藏一直是很多网站提供的小功能，今天特别研究了一下，传统的设为首页的代码如下： <a href="#setHomePage" onclick="this.style.behavior='url(#default#homepage)';this.setHomePag('http://wangye.org/');return false;">设为首页</a> 似乎很长的一段时间上面这段代码一直工作得很好，但是随 Read More