“闪光的亚丝娜”在线聊天机器人

因为博客看板娘的聊天功能太弱,本来是想找一些QQ聊天机器人制作资料。后来找了半天,找到这个可以定制在线聊天机器人的“爱情玩偶”游戏。于是出于好奇,定制了一个《刀剑神域》里的亚丝娜机器人。默认的对话库已经很强大了,不过还是准备抽空调教地更符合亚丝娜本人的性格。

机器人地址:http://lover.zhenyao.net/user/10509/robot

WEB设计笔记2

设计四要素:亲密性、对齐、重复、对比

色轮的对角为互补色

单色又叫色调

hgroup 标题分组

使用HTML5需要用CSS和JS语句解决兼容性

placeholder:表单显示输入提示

属性选择器:*包含、^开头、$结尾

指定子元素序号:nth-child和nth-last-child

使用border-radius添加圆角

使用border-image添加图片边框

使用* html解决针对IE6或更早版本的兼容性问题

属性选择符:[];子对象选择符:>;相邻选择符:+

overflow:auto解决背景无法撑开

_开头只有IE6能识别

解决高度自适应:overflow:hidden; zoom:1

使用clearfix撑开页面

区块不可使用height属性

以父元素为起始点设置position,父元素也需设置position值

IE6捉迷藏BUG使用position:relative或line-height:1.2解决

li加float后底部有空:a也加上float即可解决

img图片元素下多余空白BUG:img设为块级元素;float:left;垂直对齐

用id代替name做页内链接

无法设置边界时使用display:block

解决冲突可以用id代替important,兼容性更好

如果对象掉下去可以试着设置宽度

使用zoom:1触发ie的hasLayout属性

行内元素使用text-align居中,块级元素使用margin:auto居中

 

WEB设计工具:

JavaScript美化工具 jsbeautifiero

HTML5及CSS3特性支持检测:Modernizr

 

HACK总结:

#test{

color:red;

color:red !important;/ Firefox、IE7支持 */

_color:red; / IE6支持 */

*color:red; / IE6、IE7支持 */

color:red\9; / IE6、IE7、IE8支持 */

color:red\0; / IE8支持 */

}

*html #test /IE6支持 */

*+ html #test /IE7支持*/


论道HTML5

终于完整地看完了一本介绍HTML5的书籍。因为是比较前瞻性的内容,相关的书籍还是比较少的,而且大多是手册类的书籍。

一、HTML5

HTML5加入了很多创新的元素,总得来说使得开发变得更简单。以往需要用复杂JS实现的功能,都可以通过原生的标签实现了。不过由于HTML5还未正式发布,各大浏览器的兼容效果千差万别,还有待于观望。

HTML5可以说使语义更加规范了。加入了nav,article,header,footer等语义标签,更有利于搜索引擎的索引。同时,加入了针对多媒体的video和audio标签,虽然各浏览器对媒体的格式支持还有些区别,但不可否认,这是一个十分大的进步。

此外新加入的canvas画布,使WEB绘图更加方便和高效;新的离线存储机制,可以更简单地离线存储大数据;WebGL也使网页上的真3D成为可能。总之,HTML5毋庸置疑是一个跨时代的产物。

二、CSS3

CSS支持了一个原本需要JQuery实现的动画特效,也加入了使页面更美观的圆角、阴影、透明、倒影、渐变等效果。支持更多的伪类,以及网络字体和滤镜等功能。

三、WEB API

新增了方便的元素拖拽功能;针对如平板、手机等设备的API(联系人、地理信息、日历、消息等);XHR的升级版本等。

这些方便的API使得操作各种事件更加地方便简单,也扩展了HTML的功能,顺应了移动互联网的大潮。

四、Canvas 2D

以往绘图往往只能通过SVG、FLASH、VML等,这些都需要插件支持,而且对机器资源耗费也很大。现在,将传统开发中的Canvas移植到Web后,使得开发Web游戏、图像相关应用变得更加简单。

五、移动开发

现在的移动开发领域已经分成三种开发模式,Native App,Web App,以及混合两种的Hybird App。其中,后两者都要用Html5技术,结合CSS3和JavaScript,充分应用了最新的Web技术。