Author Archives: 小f

火狐firefox,IE,网站变灰变黑兼容代码

大家都知道在IE浏览器中，可以使用一段代码 body {filter: gray;} 用微软的滤镜代码将网站整体去色成为黑白灰色调效果，但是并不兼容firefox等其他非IE浏览器。

CSS网站灰色调 (只支持IE)

行内样式：

elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)';

css样式表：

elem { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
             /* Element must "hasLayout"! */
             zoom: 1;}

现在分享一个能兼容其他非IE浏览器的变色效果（使用JavaScript实现）
经测试兼容Opera 9, FF2/3, Safari 4, IE6/7

网站整体灰色调（兼容firefox等非IE浏览器）

下载JS，然后引用到网站页面代码上，JS下载地址：点此下载

主要函数：grayscale()，他可以使用很多种方法调用：

使用：

// 方法一
var el = document.getElementById( 'myEl' );
grayscale( el );
// 方法二
grayscale( document.getElementsByTagName('div') );
// jquery中使用:
grayscale( $('div') );

重置：

grayscale.reset( el );
// 同样，重置方法也可用于jquery
grayscale.reset( $('div') );


预处理：


grayscale.prepare( document.getElementById('myEl') );
// jquery中也可使用
grayscale.prepare( $('.gall_img') );

15 个一定要会的 Windows7 快捷键

1. Ctrl + Shift + N – 创建一个新的文件夹

你需要在文件夹窗口中按 Ctrl + Shift + N 才行，在 Chrome 中是打开隐身窗口的快捷键。

2. Ctrl + Shift + 左键 – 用管理员权限打开程序 (Ctrl+Shift+Click to Open a Program As Administrator)

有些程序，需要右键选择 Windows7 的管理员权限才可以正常运行，而这个蛋疼的快捷键我没有测试成功，@sfufoet 在受限制帐户下测试的软件 AirVideoServer 可以在 Touch 上成功连接 AirVideoServer 并播放视频。

3. Shift+ 鼠标右键 – 增强版右键发送到

右键发送到 是一个很常用的功能，一般情况下可以发送到：桌面快捷方式、邮件联系人、压缩文档、移动设备等等。而通过 Shift+ 鼠标右键 的发送到，增加了 Windows7 个人文件夹内的所有内容，包括：我的文档、我的照片、我的音乐、桌面等等

4. Shift + 右键 – 在当前文件夹用命令行打开。

开始 > 运行 > cmd 就是命令行界面，传说中的 DOS 命令。最常用的可能就是 ping 了吧？用命令行来修改文件扩展名也是好办法，ren name.txt name.bat 就可以把一个文本文件改成批处理文件了。而 Shift + 右键 在当前文件夹用命令行打开的作用就是不用频繁的 cd 打开各级文件夹了。

Continue reading →

Google宣布放弃Google Wave服务

Google于周三宣布，该公司将放弃Google Wave信息及社交网络服务，原因主要是该服务已经缺少大量用户关注。

Google Wave服务曾是Google多年来开发的数款最为引人注目的创新服务之一，尽管如此，该服务一直未能给Google公司创造大量的收入。对Google而言，该公司的收入来源主要还是依赖其核心网络广告业务。

Google Wave在去年刚刚推出之际，曾引起了相当大的关注。此服务旨在将处于“中央位置”的用户交流情况整合一起，此中央位置将向诸多参与者开放。

对此，Google运营部门高级副总裁乌尔斯-霍尔卓通过声明表示，尽管Google Wave仍拥有大量忠实的粉丝，但其被用户使用的程度仍没有达到Google预期。乌尔斯称：“我们计划不再继续开发Google Wave服务，这可能已经成为一款僵化的产品，但我们仍将继续维持这一网站，至少至今年底。”

Google此前业已放弃或大规模削减的其它业务还包括Dodgeball社交网络服务、Jaiku微博服务以及其自动化无线电广告服务。

前几年号称facebook杀手，而今又再次自杀。 去年试用了几次google wave一直不得要领，既不知道用他来做什么，使用起来又很卡，一直兴趣泱泱。鄙人只是一个普通的IT从业人员，没有太高的智商，但也不是弱智，或许可以代表大部分人，我都不知道你开发的这个东西是干啥用的，你这个产品怎么能吸引我呢？

google或许只适合和机器打交道，和人交流很难，创始人布林不是也说过，和人打交道太复杂，既然创始人都觉得人难以琢磨，他们去折腾社会化网络自然没戏。强烈建议 google如果再收购此类公司，让其独立发展运营，让他们来决定和google的某些服务挂钩，让他们为主，google为辅。

互联网的未来是什么？让生活更美好？而现在呢？美好和噩梦相随。

免费策略营销

免费的优势：

  • 互联网的产品免费服务的成本低
  • 免费是最好的广告，吸引用户使用

免费的方式：

  1. 基本版本免费，高级版收费 — 例如火车头采集器
  2. 用户免费，广告商付费—-靠广告来盈利  各类门户网站
  3. 买家免费，卖家收费—例如 ebay
  4. 产品免费，服务收费–例如 discuz
  5. 设备免费，耗材收费—例如 打印机-墨盒  手机-运营商 吉利刀架-刀片
  6. 用户免费，企业收费—例如 adobe的pdf ， real player
  7. 付费产品赠送免费礼品

免费的目的是为了盈利，盈利就会有风险–免费的风险

  • 认真剖析自己的产品免费策略–在确定自己的产品如何免费营销时，需要根据产品实际的情况来分析，理论只是经验的总结，根据实际情况来执行自己的免费营销，切不可陷入免费营销理论的怪圈。
  • 做好免费产品的用户体验–不要犹豫是免费产品，就可以无视产品质量和用户体验，只要用户体验好，用户才有可能转换为收费用户


推荐原型设计工具Balsamiq Mockups

【2013年9月12日更新】

三年过去了，以前不支持中文，现在已经支持了，我也算正式转为产品人了，补充一些资料。

Balsamiq Mockups使用手册下载：Balsamiq_Mockups 使用手册

修改为手写字体：点击关于，然后点击 Open Local Store Folder ，在该文件夹下新增BalsamiqMockups.cfg文件，格式如下：

<config>
 <fontFace>HanziPen SC Bold</fontFace>
 <rememberWindowSize>true</rememberWindowSize>
 <useCookies>true</useCookies>
 </config>

保存，重启Balsamiq Mockups即可；
注：字体名称可通过word中显示的字体名称来获取。
更多配置参考：http://support.balsamiq.com/customer/portal/articles/111759-the-balsamiqmockups-cfg-configuration-file

注册码；

Name: personal
Key: eJzzzU/OLi0odswsqilILSrOz0vMqbFEAjXONYY1fu6ufgA/CA4X

Name: helloWorld
Key: eJzzzU/OLi0odswsqslIzcnJD88vykmpsUQCNc41hjV+7q5+AF74Ds8=

Name: china
Key: eJzzzU/OLi0odswsqknOyMxLrLFEAjXONYY1fu6ufgAJ5gy2

Name: ketty
Key: eJzzzU/OLi0odswsqslOLSmprLFEAjXONYY1fu6ufgAOOwzk

【2010年8月3日发布】

Balsamiq Mockups出自加利福尼亚州的Balsamiq工作室，创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具，并广受好评。2年多来，Balsamiq工作作为一个微型独立软件开发商，专注于Mockups的开发设计，仅3周便实现了盈利，18个月内销售额达到200万美元，用户端数量超过10万个，这与Balsamiq Mockups的市场用户细分的成功以及产品特性是分不开的。

Balsamiq Mockups的用途和价值
在Web产品设计中，Balsamiq Mockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段，低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间，在Balsamiq Mockups出现之前，流程图可以使用Visio，高保真DEMO可以使用Axure，但我们并没有好用的草图设计工具；在产品设计管理中，我们通常在产品的业务流程和数据流转已经相当明确时才开始进一步考虑产品的结构层和框架层，虽然此时纸、笔、白板都是非常简单方便的交流工具，但是他们的最大劣势就是——很难将有价值的原型保存下来。Balsamiq Mockups的出现完美的解决了这个问题。

Balsamiq Mockups的优点和特色
可存：告别那一堆堆的纸质线框图吧…
易用：UI控件支持自动拖拽，并且可以实现自动对齐；
美观：手绘风格，简约清爽；
丰富：从按钮到输入框，从导航条到页面、表格，甚至包括了最潮的Iphone元素；
方便：对元素的修改除了工具栏外，还可以使用隐藏编辑框，支持快捷键；
兼容：可使用XML语言保存元素，也可以导出PNG图片，可以插入到任何项目；
跨平台：Windows、Mac OS、Linux下都可以使用，还有能集成在Confluence，JIRA，和XWiki中的版本，对了，如果你没时间下载桌面版，还可以直接使用网页版的Balsamiq Mockups…

常用的原型工具优缺点：

纸笔：特点是快速、易修正，侧重于捕捉瞬间的idea；

Word：适合对页面做标注、做逻辑描述与交互说明，偏策划类使用；

Visio：特点是做流程图，交互性和描述是弱点，老工具了，模板资源很多；

Axure：交互性是最大亮点，不过使用过的人应该有发现，这个东西用久了，很容易沉迷到无止境的细节中去，忽略了原型真正的意义，比如为了一个js效果用几十张动态面板；

Photoshop：适合做高保真原型，不适合做多页面、或交互性强的控件。

在官方试用了一下感觉不错  demo地址 ： http://www.balsamiq.com/builds/mockups-web-demo/

容易上手：和Axure一样，界面由各种web控件组成，主要操作是拖曳与编辑控件，对初入门的设计师来说，这个门槛很低，拖曳之后，自动弹出编辑控件面板，word 2007有相似的功能——选择一段文字之后，直接弹出小的编辑面板，更好地符合用户的心智模型。

草图风格：使用Axure的时候，总会感觉有点沉重，不由自主地想把界面里的某个功能细节化，Balsamiq Mockup则没有这个问题，使用时的感觉介于纸笔涂鸦和Axure之间，算是填补了这个空白，个人也很喜欢这种草草的感觉，容易激发idea。

控件简化：Balsamiq Mockup的理念是，原型就是原型，没必要复杂化，这和Axure一直以来的方向正好相反，它简化了复杂控件的功能，没有“过分的交互”，使设计师可以专注于“解决问题