设计与开发
设计与开发

Chrome最新版本(38.0.2125.104 ),无法显示“微软雅黑”字体

Chrome版本:38.0.2125.104

升级后,无法正常渲染“微软雅黑”,由默认字体(宋体)替代,对于一些以“微软雅黑”为主字体的网站,阅读体验极差。

解决方法:浏览器访问路径:chrome://flags;搜“DirectWrite”,一般是第三条;选择“启用”;重新启动Chrome浏览器,恢复正常。

借助“用户属性”来思考网站内容(未完待续)

音乐类网站,这里聊的主要是单一乐器类型的音乐网站,为了让思考简单一点不谈行业关系,网站和终端用户的关系是一个三角关系(网站、用户、乐器)。那么从网站来思考符合用户需求的内容时候,就要去琢磨另外两点的关系——用户和乐器。

所以,我们可以用一个“用户属性”模型,来定义用户的需求:
y0
简单的说,就是用户和乐器之间的交际,无非是:音乐、教学、生活三种。而在不同的职业群体中倾向不同。

音乐类型用户:
y1

教学类型用户:
y2

普通爱好者:
y3

未完待续…

开发:篮球战术演练工具

最近公司篮球队约赛,输了两场。输球不要紧,得总结。所以自己开发了一款【篮球攻防演练工具】。

整理了一些常用的联防站位,和一些适合我们球队的高位挡拆战术。

1) CSS3 设计球场,比例:1m = 60px
2)jquery + jquery UI 完成交互设计
3)画板功能等有空再继续写吧。

DEMO:http://www.hiheng.com/demo/hibkball/

【转】5种实用App导航菜单设计方案

手机分辨率比桌面平台小很多,所以设计手机网站或是移动应用的时候,导航菜单都需要考虑周全,尽量保持简约和易用性高,这里我们整理了5种实用的移动手机App导航菜单设计方案,你可以尝试这些菜单设计模式用在你的新设计项目上,好用而且有新鲜感。

【转】新的APP演示良方:GIF动画

原文作者:Nataly Birch 译者:十萬個為什麼

每种事物都有回归的本能,长期以来,GIF动画在开发者当中,失去了它的统治地位,不再受欢迎,不再通用,近期它摆出了回击的姿态。尽管还是一如既往展示图像序列,但它不再像当年那些生硬的低画质视频,没有粗糙简陋的过渡效果。如今,GIF动画能够通过抢眼的效果和流畅的过渡,有效地聚集人气,给最终的动画一种柔滑精致的感观。

UI/UX开发者迅速估量了这种动画图片的潜力,它们虽小却非常有效,极具解释性。我们都知道,有时向客户或最终用户解释APP最后看起来将是什么样,会是多么困难、气人且耗时的事情;没有华丽的高质量截屏,精心绘制的用户界面配上一大堆解释和“手势”说明效果,并不怎么管用。只有视频和这些简短的GIF动画,才能轻松展示操作流程,并传达一款“活”APP的所有魅力,在众多功能组件之间,有效地展现交互。

颇具讽刺意味的是,我们的展示工具集中,最近补充了一种新工具,而它实际上一直以来就近在咫尺。

今天,我们汇集了一系列GIF动画作品,愉快地展现了各种移动应用的操作流程。

第一件作品是Dmitriy Chuta的Chapps,你可以欣赏它整个漂亮的动画效果,一组不同职业人员的照片卡。这张GIF图片展示了一种讨人喜爱的方式,通过令人愉快的视觉表现,来在数据库中进行选择和搜索。

First shot in Chapps

jQuery 1.9版本的变化

项目终于面临jquery 版本升级问题了,又要开始读各种文档,写各种demo。话说也很久没静下心来写码了。

.toggle(function, function, … ) 方法移除
toggle() 方法: 用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。
在 jQuery 1.9 版本中该方法被移除,未提供替换方法。

$.browser() 方法移除
在 jQuery 1.9 版本中该方法被移除,需要另写插件来完成。

.live() 方法移除
.live()方法:为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
在 jQuery 1.9 版本该方法被移除,升级后的方法用 “.on()” 来替换。

.die() 方法移除
.die() 方法:移除所有通过 live() 方法向指定元素添加的一个或多个事件处理程序。
在 jQuery 1.9 版本中“.live()”方法被移除,因此该方法也一样被删除。 由“.off()”来替代。

.sub() 方法移除
.sub方法: 可创建一个新的jQuery副本,不影响原有的jQuery对像。
在 jQuery 1.9 版本该方法被移除。


ajax事件需要绑定到document上
如.addBack()、 .addStart(),需要绑定在document。

jQuery官方文档:http://jquery.com/upgrade-guide/1.9/