cheat sheet an other cheat sheet 普通人的编辑利器——Vim 善用Vim：实例系列 高效率编辑器 VIM－操作篇
2012年1月3日星期二
css resource
10 款非常棒的CSS代码格式化工具推荐 original link csslint:css检查 css3pie增强ie浏览器 less css框架 6个炫酷的CSS按钮制作教程 9个实用的CSS/jQuery编程技术与技巧 alice 7 个基于CSS/JavaScript的鼠标悬停效果教程 10 个实验性的 JS/CSS3 编程技术 css动画 oocss 页面重构中的模块化思维 样式命名规则 css3开发工具集 跨浏览器矢量图标 css压缩 CSS金矿 CSS在IE6,IE7和IE8中的兼容性1 CSS在IE6,IE7和IE8中的兼容性2 用CSS3将你的设计带入下个高度 HTML5和CSS3工具资源汇总 xHTML+CSS技巧教程资源大全 推荐CSS库: 更佳网站可读性项目
关于用户体验设计的五个小故事
Human Factors International 是一家用户体验设计公司，为许多商业公司提供咨询和培训。最近，HFI 在官方网站上放了一个很有特色的视频。视频中，公司的 CEO Eric Schaffer 讲述了用户体验中的五个大失败故事以及如何避免它们。 第一：设计——漂亮的界面是不够的，可用性是关键 某亚洲航空公司的设计师非常沮丧，公司花了 300 万美元为员工建造了一个现代的工作站，但是员工们却不愿意使用，因为设计师设计的人机交互界面虽然非常现代，却不够直觉和高效。然而，这个糟糕的设计是整个系统导航的基础，从头改变已经很难。因此，设计师必须懂得根据用途来设计界面，经常使用的界面在操作上必须高效。 第二：研究——即使是成功的公司，也不能忽视用户研究 HFI 的某个客户是一家手机制造商。HFI 为他们做了大量的用户研究，该手机公司在主要市场发展也一直很好。后来，手机公司来了一个负责用户研究的新主管，他要求 HFI 做印度地区的研究，但是只需要三个人参与。印度是一个有 10 亿人口的国家，230 种语言，到底测试那三个人呢？手机公司说只要 3 个印度人就够了。结果，由于缺乏用户研究，该公司市场份额下滑，并开始裁员。即使是成功的大公司，也不能忽视用户研究。 第三：本土化和跨文化设计——进军潜在市场，必须了解当地文化 一个大商业公司让 HFI 看一下他们的电子商务方案能否在中国成功。HFI 发现他们只是将本土应用翻译成中文，并不了解中国本土的环境，比如中国地区的消费者更愿意去便利店购物，而且银行方面手续繁琐。于是，HFI 要求他们不要继续。但是该商业公司认为，既然应用已经做好，做下去有什么问题呢？结果是，直到今天，他们也没有在中国获得任何发展。要进军潜在的市场，你必须了解本土的商业环境。 第四：用户界面标准——界面标准只是一方面，沟通和支持也很关键 HFI 做过大量的用户界面，他们有自己的标准而且很成功（比如前进/后退的指示词使用 back/forward 而不是 previous/next)。但是和某家纽约保险公司的合作中，他们遭遇了一次重大的失败。该保险公司需要一套标准来指导他们的销售支持系统，HFI 夜以继日的赶上了工期。三周后，HFI 的 CEO 去保险公司的时候发现，他们的方案被遗忘在客户的桌子下面。对于用户设计公司（设计师）来说，用户界面标准只是一方面，在整个设计过程中，如何进行沟通和支持也很关键。 第五、可用性的机构化——高水平的设计师很重要，但是整体解决方案更重要 一家手机公司从微软和苹果雇佣了大量的用户体验专家，然后将他们的办公室安排在 CEO 办公室的旁边。这些设计师很聪明，并开始大量招聘同类型的人。但是他们没有意识到的是，做事业不只是猎头招聘，而是要实现可持续性的发展。由于他们没有一个整体的方案，结果是公司业绩下滑，最终设计师也被迫离去。要保证公司成功，除了高水平的设计师，而且需要领导和管理，需要方法、标准、工具及其它。简单的说，需要一个整体的解决方案。 有多少值得借鉴的地方？虽然方法总是见仁见智，这些一手心得，也算是它山之石吧。
tools
10 款非常棒的CSS代码格式化工具推荐 2011 年最受欢迎的 9 款 Web 开发工具 6 个实用的HTML5本地存储教程推荐 6个炫酷的CSS按钮制作教程 9个实用的CSS/jQuery编程技术与技巧 alice:CSS 和 HTML 方面的技术支持和解决方案开发 http://krams915.blogspot.com/2011/01/spring-mvc-3-and-jquery-integration.html 阿里巴巴SOA服务化治理方案的核心框架 tx原型设计 10个基于jQuery的超酷动画教程和插件推荐 3 款实用的在线JS代码工具推荐 7 个基于CSS/JavaScript的鼠标悬停效果教程 13个优秀的网站检测工具推荐 程序员/开发人员实际在用哪些工具 18 个 jQuery Mobile 开发贴士和教程 20个居中样式的网站设计案例分享 10 个实验性的 JS/CSS3 编程技术 11款JavaScript颜色拾取插件推荐 web develop should know
10款绝对让你心动的jQuery插件
ref
jQuery使用事件管理、动画及Ajax交互技术来帮助加强Web开发。在这篇文章里我们分享了10个非常绝对让你激动的jQuery插件，这些插件能够帮助你开发出绝对吸引眼球的Web程序。希望大家喜欢！ 1. Ninja UI 该jQuery插件可帮助你创建超级漂亮的Web UI界面。拥有按钮、自动补齐、图片、对话框、画布、标签、Slider等组件，支持HTML5浏览器。 link 2. Elycharts 一个纯JS的图表库，使用简单并且支持完整的自定义。可帮助你在Web页面或程序上创建漂亮的交互式图表，拥有很多实用的特性：支持图例和标签、支持鼠标定位、工具提示、模板、动画等。 源码 / 演示 3. Timelinr 一个非常不错的jQuery插件，能够帮助你实现漂亮的时间轴特效。支持水平及其垂直方向显示，自定义选项，例如，速度、透明度等。类似的插件还有TimergliderJS。 link 4. grumble.js 能够提供了除了东南西北方向以外的特别显示提示。你可以针对某个特定元素设置任意角度的信息提示框——360度实现。 源码及演示 5. jQuery.fracs 一个帮助你判断任何HTML元素是否出现在一个可见窗口视野（viewport）中及其比例的jQuery插件。 源码 / 演示 6. Mobiscroll 针对触摸屏用户输入日期特别优化过的一个滚轮选择控制插件。支持自定义且可以作为普通选择下拉框的取代组件。 源码 / 演示 7. Blueberry 这是一个开源的jQuery图片幻灯片插件，代码还特别经过优化以适应流体/响应（fluid/responsive）Web布局。 源码及演示 8. PikaChoose 轻量级的jQuery Slideshow插件，适合于轮播式和lightbox方式展示图片。 源码及演示 9. Wave Display Effect with jQuery 这个插件可让你用一个独一无二的波浪方式来展示图片和内容。其设计思路是将图片先使用缩略图展示并将它们排列成流水形状。 源码 / 演示 10. jmFullWall 一个用来创建个人作品集的jQuery插件。 源码 / 演示
如何成为“10倍效率”开发者
ref
Brad Feld的一篇文章The Rise of Developeronomics中提到了“10倍效率的开发者（10x developer）”的概念（伟大的开发者的效率往往比一般的开发者高很多，而不只是一点点），Adam Loving在读了之后受到启发，并向多位大牛（Ben Sharpe、Collin Watson和Jonathan Locke）询问如何成为“10倍效率的开发者”，最后得到了以下的答案。 1. 只做需要做的工作 使用敏捷方法； 全心全意做UX设计； 沟通第一； 编码也许不是解决问题的办法； 过早的优化是一切罪恶的根源； 选择最简单的解决方案。 2. 站在巨人的肩膀上 使用开源框架； 使用简洁语言（如HAML、Jade、Coffeescript）； 不要做重复的事情（不要重新发明轮子）； 利用包管理器来进行公共和私有代码分配； 不要任凭巨头（如微软）的摆布而修复库中的一个Bug； 不要让你的雇主逼你学习； 自主学习并为自己设定新的目标。 3. 了解数据结构和算法 如果你不知道什么时候应该使用快速排序、不懂辨认O(n2)程序、不会写递归函数，你将无法成为10倍效率的开发者。使用多种语言你才能清楚不同的框架是如何解决相同问题的。尽可能去了解底层命令（plumbing），以便能够作出明智的决定（Web框架是怎么存储session状态的？Cookie到底是什么？）。 4. 不要怕买工具，它可以节省你的时间 Ben说：“昨天我花50美元买了一个位图字体工具，它帮我节省的时间成本绝对超过200元。” 5. 集中注意力 不要整天开着你的电子邮件、Twitter、Facebook等，在工作时将它们最小化或关掉它们，戴上耳机。Tiny hack说：“即使不听音乐我也戴着耳机工作，这样便不会有人打扰到我。” 6. 尽早并且经常性地进行代码重构 有时，你不得不放弃漂亮的代码转而去寻找真正对项目有用的代码，但没关系，如果你的现有项目中有这样的代码，最好的方式便是不要看它，并重构。 7. 只管去做 将你的业余项目分享到Startup Weekend中。在我开始转到Unix和Ruby on Rails上之前，我买了一台Mac，使用Windows虚拟机花了一年时间做.NET项目。 8. 挑选一个编辑器，并掌握它 高效开发者喜欢用文本编辑器胜过IDE编辑器，因为这样可以学到更多东西。无论什么情况，尽量使用键盘快捷键，因为熟练使用一件工具的前提是熟悉它。 在选择编辑器时，认真考虑并挑选最好的（Emacs或Vim），因为它们是通用的。其次，挑选你的首选平台最支持的。使用宏，不断地写代码；使用Mac上的TextExpander为整个段落创建快捷方式；使用Visual Studio或SublimeText的自动补齐功能；使用支持按行/列分割窗口的编辑器，这样你便能同时看到单元测试和代码（或模型、视图）。 一定要想清楚后再写代码。Adam说，“我有朋友在一个大项目组里工作，他们组里最高效的程序员是一个高位截瘫用嘴叼着棍子敲代码的人，他总是在写代码之前想得很仔细且很少出错。” 9. 整洁的代码胜过巧妙的代码 要想让其他人能够读懂你的代码，尽量使用最少的代码来完成任务。遵循DRY（Don't repeat yourself）的原则，使用明确定义的对象和库，将任务分解成小而简单的代码段。 10. 潜意识是强大的工具 离开10分钟往往就可以解决一个问题。控制编程时间，给自己一个多姿多彩的生活，劳逸结合能让你在工作时更高效、更愉悦。当然，即便是上了年纪的程序员也知道，以最少的时间完成最高效的工作是成为10倍效率开发者的必要条件。 作为一个程序员，我觉得在职业生涯中最好的一件事儿就是从电脑前站起来，去拜访那些在某一领域有所建树的人们。 11. 推动自身和团队进步 重视批评，以包容的态度接受批评并提升自己是非常重要的事情。没有这个基础，你不可能成为一个高效的开发者。一位智者曾经说过：“聪明的人善于从自己的错误中学习，而智慧的人善于从别人的错误中学习。” 英文原文：http://adamloving.com/internet-programming/10x-developers
订阅：
博文 (Atom)