Hiheng

Hiheng

生活是件有趣的事情

design 设计与开发 itemprop="discussionURL"留下评论

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

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

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

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

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

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

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

First shot in Chapps

设计与开发 itemprop="discussionURL"留下评论

中国古筝网播放更新 – 14.04.05

更新目标：1、更细腻的用户体验。2、提高用户粘性。3、为移动端开发做铺垫。

更新内容：

  • 内容页播放列表。
  • 节目提示气泡。
  • 相关节目推荐。
  • 移动端播放二维码。
  • 移动端同步体验。

    • 后续更新功能：

    1. 会员节目更新提醒。
    2. 节目播放记录查询。
javascript 设计与开发 itemprop="discussionURL"留下评论

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/

阅读乱炖 itemprop="discussionURL"留下评论

【阅读】你开玩笑的，还是真觉得自己老了？

最近在学吉他，原因和动机都极简单，听了一段和旋演奏就发自内心的喜欢。喜欢就学，还需要其他理由么？学琴过程中恶补乐理，处处醍醐灌顶的快感。买琴选购仔细琢磨琢磨，都快能徒手画个结构图出来，这些都是收获。当然更多的是交流学习，自娱自乐带来的精神收获。

现在才开始学，有什么实际用处吗？ —— 没有。
同样，为什么要每天阅读大量跟自己看似无关的文章？为什么吃美食要品品怎么就酸甜苦辣的恰到好处？为什么去逛完宜家还要琢磨商场是如何设计成一条路线无死角？看完春晚除了意料内的四面骂声是不是还要品品有那些亮点和改变？

这些都有什么实际的用处吗？ 累不累啊~亲

没有，但是，我愿意相信任何丰富生命色彩的事物终将融进人的思考与认知。
—— hiheng

读到这篇文章有着强烈的共鸣感：学些有用的，是社会的要求。而上帝给我们智慧，应该更希望我们去学那些“没用的东西”。
原文作者：张佳玮

设计与开发 itemprop="discussionURL"留下评论

移动端WEB开发常见问题

项目的移动端开发工作量剧增，解决各种问题又没有时间去系统整理，在这里先做一个持续的碎片记录笔记。

一、meta标签声明移动端布局
常用的声明方式：

<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, maximum-scale=2.0, user-scalable=1" />
  • width：控制 viewport 的大小，可以指定的一个像素值，如“1024”。常用特殊值: device-width （设备的宽度）。
  • height：同 width。
  • minimum-scale：允许用户缩放的最小比例，如：1.0（不可缩放）。
  • initial-scale：初始缩放比例，常用：1.0
  • maximum-scale：允许用户放大到的最大比例。
  • user-scalable：用户是否可以手动缩放。 值：0/1

二、移动端浏览器javascript判断方法：
《javascript判断手机/平板电脑浏览器》

二、微信浏览器的判断方法：
《如何判断微信浏览器？》

三、IOS下表单按钮显示默认风格（如图），无法按设计需求显示。
ios_submit
解决方法，取消IOS默认风格：

input[type=subimt],input[type=button]{-webkit-appearance: none;}

四、移动设备横竖切换时，页面字体变大问题。

CSS
-webkit-text-size-adjust: none;
text-size-adjust: none

未完待续…

阅读乱炖 itemprop="discussionURL"留下评论

【视频】我恨 “帕赫贝尔的卡农”！

作为史上最有名的半曲天王（为什么是半曲天王而非一曲天王，后面会解释）， Pachelbel 一生致力于教会音乐的写作，J.S.巴赫的哥哥曾是他的学生。不过比较遗憾的是，他最传世的作品却是这样一首小曲，不知道 Pachelbel 地下有知的话，是否又会高兴呢？

现在网上所讲的这首「卡农」，正式的名称为 Canon and Gigue in D major。如今大多数人听到的都是卡农的那部分，吉格的那部分现在很少有人听。所以我说 Pachelbel 算是「半曲天王」。

还有，卡农其实是曲式的名称。它是用对位法写的一种复调音乐，一个旋律在数个声部依次出现，交叉进行，互相追逐，到最后的和弦合在一起。
——luckystar

javascript 设计与开发 itemprop="discussionURL"留下评论

如何判断微信浏览器？

最近围绕微信工作平台的需求越来越多，所以就需要判断访问者是否为微信浏览器。

PHP方法：利用PHP的“_SERVER ”数组“HTTP_USER_AGENT”项，获取该页面的用户代理的信息，来完成这个工作。

<?php
echo $_SERVER["HTTP_USER_AGENT"];
?>

【winows/chrome】 输出结果：

weixin

Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36

而【ios7/weixin】下输出结果：

viewfile

Mozilla/5.0 (iPhone; CPU iPhone OS 7_0_4 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Mobile/11B554a MicroMessenger/5.0.3

在字符串中可以看出“MicroMessenger ”为微信浏览器版本，所以可以使用“MicroMessenger”参数，来判断访问来源是否为“微信浏览器”。

if(strpos($_SERVER['HTTP_USER_AGENT'],"MicroMessenger "))
{
	echo "Hello Weixin";
}

Javascript方法：

function is_weixn(){
    var ua = navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i)=="micromessenger") {
        return true;
    } else {
        return false;
    }
}
单曲循环 itemprop="discussionURL"留下评论

周末,五月天《paradise + 倔强》

周末，有点冷。

今年的冬天来的似乎有点早，我跟一出租车司机闲聊，的哥猛然来了句，你不看还几天就要过年了。我愣了半晌，想这一年很疲惫，总希望赶紧翻篇，这下好了，确实没几天了。

低头看看音乐列表里是五月天“离开地球表面 Jump!”音乐会专辑，在五月天的音乐道路中颇具争议的一张专辑，但我还是挺喜欢“Paradise+倔强”这个串烧，因为有些歌总会带给人力量，就像两首歌的歌词“远方有一个地方，那里种有我们的梦想… 我和我最后的倔强，握紧双手绝对不放…”。

2013，工作生活都颇多无奈感，感谢一切带给我坚韧和力量的事物。

2013，重新思考“梦想”。

五月天《paradise + 倔强》：http://music.163.com/#/m/song?id=385863

（Paradise）

远方有一个地方，那里种有我们的梦想。
某天也许会相遇，相遇在这个好地方。
不要太担心只因为我相信，终会走过这条遥远的道路。

oh para paradise
是否那么重要，是否那么地遥远

….

（倔强）

我和我最后的倔强，握紧双手绝对不放
下一站是不是天堂，就算失望不能绝望

我和我骄傲的倔强，我在风中大声的唱
这一次为自己疯狂，就这一次我和我的倔强！

当我和世界不一样，那就让我不一样
坚持对我来说，就是以刚克刚

我如果对自己妥协，如果对自己说谎
即使别人不原谅，我也不能原谅

最美的愿望一定最疯狂，我就是我自己的神
在我活的地方！

….