<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>检测大写锁定键</title> <style type="text/css"> <!-- *{margin:0;padding:0;} body{padding:2em;background:#242424;color:#ccc;} h1{text-align:center;line-height:200%;} h3{text-indent:1em;line-height:160%;color:#666;font-weight:normal;font-size:1em;} h3 a{color:#bbb; text-decoration:none;margin:0 0.5em;} h3 a:hover{color:#fff;} p{margin:5em;} span{margin:0 0.5em;font-size:85.7%;} --> </style> </head> <body> <h1>检测大写锁定键 </h1> <form action="#" method="post"> <p><label for="password">密码：</label><input type="password" id="password" name="password" /><span style="display:none;">大写锁定键被按下，请注意大小写</span></p> </form> <script type="text/javascript"> //<![CDATA[ function detectCapsLock(event){ var e = event||window.event; var o = e.target||e.srcElement; var oTip = o.nextSibling; var keyCode = e.keyCode||e.which; // 按键的keyCode var isShift = e.shiftKey ||(keyCode == 16 ) || false ; // shift键是否按住 if ( ((keyCode >= 65 && keyCode <= 90 ) && !isShift) // Caps Lock 打开，且没有按住shift键 || ((keyCode >= 97 && keyCode <= 122 ) && isShift)// Caps Lock 打开，且按住shift键 ){oTip.style.display = ";} else{oTip.style.display = 'none';} } document.getElementById('password').onkeypress = detectCapsLock; //]]> </script> </body> </html> from:http://www.cnblogs.com/xiaoao808/archive/2008/07/31/1257624.html
View Details目前这种视差滚动效果被越来越多的国内外网站所应用，成为网页设计的热点趋势。 通过一个很长的网页页面，其中利用一些令人惊叹的插图和图形，并使用视差滚动（Parallax Scrolling）效果，让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。完美的展示了一个复杂的过程，让你犹如置身其中。厌倦了千篇一律，呆板网页设计的你不放一试。 视差滚动效果与少即是多的理念相互交融，能带来清新炫目的感受，例如这组网站。 你也可以试试： 网页特效：滚动视差设计指南 利用ADOBE神器十分钟零代码实现HTML5视差滚动特效 Broken Twill theQ camera Srgint Sojourn Network Fall in Tennessee Made by Block Kill your Darlings WAAAC Spotify Serve Seattle Codetex 原文地址：webdesignledger 转摘请注明优设网译文出处，谢谢各位小编。 from:http://www.uisdc.com/inspiring-examples-of-parallax-scrolling-sites
View Details动画在每一年都是最具影响力和占据主导地位的。Web开发者通过不同的实验来实现动画，从最简单的基础效果到富有开创性的展示结果。毫无疑问，这种雪崩式的动画效果已经被认为是web技术史上最先进的技术。已经被永不满足现状的Web开发者们发展到了一个全新的水平。这些动画缓慢却很清晰，让网页设计师在页面上把交互和视觉都展现结合的淋漓尽致。 如果你想学今天的这些案例，推荐回顾《让网页舞动起来！25个免费的视差滚动插件》和《网页特效：滚动视差设计指南》这两篇文章：） 小伙伴们！最新的最火爆的最给力的网页设计趋势来了！快来看看这个神奇的视差滚动设计趋势！ 小提醒：有些网站效果不能再赞，谷歌、火狐才能打开唷。 新鲜的网站趋势类型好文： 《网页设计新招式：火力全开！引爆网页中的视频应用》 《2014网页菜单新趋势！21例时尚创新的侧边栏菜单网页设计》 Kaipoche 该网站致力于今年的风筝节。通过一个简单的滚动激活动画技术，它有一个真正充满活力和引人瞩目的设计。 Bizbrain 是一个先进的长页面网站。它通过精彩的彩色图熟练地演示了各种数据。各个版块都有各自相应的信息。 Drugs and Alcohol on Campus 这也是一个交互式图表，能够在不知不觉中给你最紧迫的问题提供答案。所有画面都是通过鼠标来激活动画的，使这些问题看起来不那么“干巴巴”的。 Bright Media 该团队利用视觉引导串起所有元素，使用正确的顺序引导用户，每个部分都有装饰的动画元素，你的任务就是顺着线条走就OK了。 Adobe Muse CC 这是一个创新的、干净而复杂的网站，利用艺术方法引导用户来关注自身新产品。主要包括简洁的白色页面、纸张变形模式和滚动动画来实现效果。 Fluger 网站的开发人员在页面上放置了一架小飞机，用户通过滚动鼠标滚轮可以看到小飞机在页面上飞行，实现浏览整个网站的目的。网站是用图片和手绘稿糅合起来的，加上飞机的引导，看起来酷毙了！不过加载时需要等一定的时间。 Fillet 这是一个流行的平面风格网站，拥有很棒的字体。当你向下滚动鼠标时，每个色块都会顺利转化为一串漂亮的字符。整个过程显得很愉快。 NGUMA 这是一个富有魅力的互动机构网站。该网站允许你直接参与它的互动。也是基于滚动动画的设计趋势。 Happy New Year 2014 滚动激活动画模式非常适合于庆祝节日的网站设计。特别是圣诞节。这个网站里面通过一个完整的动画建立起一个温馨的节日气氛，真是让人感到很别致。 Merry Christmallax 和上面的例子一样，这个创意网站的目的就是给用户们一个温暖而衷心的节日祝福。故事开始于一张干净的纸张，最后演变成一个充满活力的插图场景，整个故事就是动过滚动激活动画技术实现的。 Pixelgyar 这是另一个奇妙的和迷人的圣诞故事。圣诞老人的旅程完全取决于你的行动,所以旋转鼠标滚轮,让圣诞老人到达他的目的地吧！ Make Your Money Matters 这是一个宣传网站,生动地展示了加入信用联盟的好处。在整个动画过程中你将成为一个积极参与者。这项技术允许我们持有一个既定主题来实现网站设计，做到和用户之间的良好互动。 The Future of Mobile Phones 正如网站标题所言，该网站就是预测未来的手机的。网站的交互式信息里面充满了各种动画图形，都是定期统计的数据展示。 Camplight 这是一个整洁、干净而时尚的在线展示网站。提供了一个较为新颖的展示方式让用户来熟悉公司。 1McHappy Day 这个网站通过橡皮泥一样的图形设计带给用户返老还童式的体验，心灵上很容易就欢快起来。（我觉得要是来点卡哇伊的背景音乐一定会更给力的！） CEZ 提供了另一个惊人的互动之旅，该技术功不可没啊。 What’s behind the number 网站目的是广泛宣传关于防晒霜的防晒指数及其优势。当你向下滚动时,你会享受到一个整体活泼的故事，试图告诉你使用该产品后，在阳光下你的皮肤依然很安全。 InfoGuest Infographic 如其名字一样，它有大量的信息填充内容，通过图表和动画的有效结合展示出来。 Bolia 和上面的例子稍有不同，该创意团队应用基于照片的滚动激活动画来展示椅子的所有面。 Bam 该公司试图利用长页面布局和各种图纸来实现信息填充。为了避免各部分信息过于统一单调，研究小组决定采用滚动激活动画给网站带来生气。 Areal Plankstadt 这是一个宁静的网站，拥有美丽的氛围。为什么？——蓝白两色，青春一生……通过滚动激活动画技术实现页面之间的切换，非常平静安宁。 结语 这里所列出的这些在线信息展示网站、视觉故事网站、创意机构网站以及投资组合网站都实实在在地利用了滚动激活动画这一崭新的设计技法，构造了一个特定的用户体验模式，希望小伙伴们能够有动力去学习这一项新技术。 我最喜欢Adobe Muse CC和Fluger了，看起来真的是十分赞的！ 原文地址：designmodo 优设网翻译：@sheisjane 本文由优设网uisdc.com原创翻译，转摘请注明优设网译文出处，谢谢各位小编。
View Details最近大家伙越来越关注视差滚动的网页了，很多同学都在四处寻找相关的案例来赏析学习。此前我们也分享过相关的制作教程及文章。 那么今天我们继续推荐20个创意十足的视差滚动酷站，希望能为你的案例带来灵感：）强烈推荐收藏。 好文推荐： 《无法抗拒的诱惑，美女封面网站设计欣赏》 《敢于尝试！23个有着非同寻常配色的网页设计》 《极好的交互设计：19个创意网页欣赏》 Beatbox Academy Discover Shadow This is Now Sam Markiewicz Erős Balázs Le Tour de France Pi’s Epic Journey Scroll For Your Health TCM Summer Under the Stars TEDxGUC aBenção – Malhas e Tricots Criativos WAAAC De Might of Mister Miller Negative Space Anthelios SPF Sunscreen InfoQuest Infographic Reunite the River Fillet Eone 原文地址：speckyboy.com from:http://www.uisdc.com/20-webpage-parallax-scrolling-design
View Details在网页设计中，视差滚动（Parallax Scrolling）是当下流行的网页设计技术，通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果。下面是一些运用视差滚动效果的优秀网页案例： 视差（Parallax）是指从不同的点看一个物体时形成的视觉差异，这个名词是源自希腊文的παράλλαξις (parallaxis)，意思是"改变"。在网页设计中，视差滚动（Parallax Scrolling）是当下流行的网页设计技术，通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果。下面是一些运用视差滚动效果的优秀网页案例： 相信你非常想知道上面这些网页的精美视差滚动效果是如何实现的，今天这篇文章就和大家分享六款精心挑选的 jQuery 视差滚动效果插件，它们能够帮助你制作出精美的视差滚动效果。 Sequence.js Sequence 是一款非常优秀的 jQuery 滑动插件，能实现多种精美的滑动效果，其中之一就是水平方向的视差滚动。 在线演示 下载源码 jQuery Scroll Path 这款插件用于实现自定义路径的滚动效果。可以显示使用 Canvas 绘制路径线条和弧形，看到非常形象的运动效果。 在线演示 下载源码 Parallax Slider with jQuery 这个视差滚动滑动效果多次在我的博文中出现过，相信关注我博客的朋友一定不会陌生，有非常详细的制作教程。 在线演示 下载源码 jQuery Parallax 这款 jQuery 插件实现了类似 Nikebetterworld.com 产品展示页面的视差滚动效果，代码托管在 Github 上面。 在线演示 下载源码 Scrollorama 这款 jQuery 插件能够帮助你实现非常酷的滚动效果，可以应用飞入、缩放、淡入淡出等多种过渡效果。 在线演示 下载源码 Stellar.js 正如它的口号所说：实现视差滚动效果从未如此容易，的确，它能帮助轻松的实现网页视差滚动效果。 在线演示 下载源码 jParallax 这款基于 jQuery 的视差滚动插件使用简单，官方提供了五种不同的效果演示。 在线演示 下载源码FROM:http://www.jb51.net/article/31259.htm
View Details谚语第一缉 ◆夏不睡石，秋不睡板。 ◆春不露脐，冬不蒙头。 ◆白天多动，夜里少梦。 ◆睡前洗脚，胜吃补药。 ◆晚上开窗，一觉都香。 ◆贪凉失盖，不病才怪。 ◆早睡早起，怡神气爽。 ◆贪房贪睡，添病减岁。 ◆夜里磨牙，肚里虫爬。 ◆一天吃一头猪，不如床上打呼噜。 ◆三天吃一只羊，不如洗脚再上床。 ◆枕头不选对，越睡人越累。 ◆先睡心，后睡人，睡觉睡出大美人。 ◆头对风，暖烘烘；脚对风，请郎中。 ◆睡觉莫睡巷，最毒穿堂风。 ◆睡觉不点灯，早起头不晕。 ◆要想睡得人轻松，切莫脚朝西来头朝东。 ◆千学不如一看，千看不如一练。 ◆久住坡，不嫌陡。 ◆马看牙板，人看言行。 ◆不经冬寒，不知春暖。 ◆不挑担子不知重，不走长路不知远。 ◆不在被中睡，不知被儿宽。 ◆不下水，一辈子不会游泳；不扬帆，一辈子不会撑船。 ◆不当家，不知柴米贵；不生子，不知父母恩。 ◆不摸锅底手不黑，不拿油瓶手不腻。 ◆水落现石头，日久见人心。 ◆打铁的要自己把钳，种地的要自己下田。 ◆打柴问樵夫，驶船问艄公。 ◆宁可做过，不可错过。 ◆头回上当，二回心亮。 ◆发回水，积层泥；经一事，长一智。 ◆耳听为虚，眼见为实。 ◆老马识路数，老人通世故。 ◆老人不讲古，后生会失谱。 ◆老牛肉有嚼头，老人言有听头。 ◆老姜辣味大，老人经验多。 ◆百闻不如一见，百见不如一干。 ◆吃一回亏，学一回乖。 ◆当家才知盐米贵，出门才晓路难行。 ◆光说不练假把式，光练不说真把式，连说带练全把式。 ◆多锉出快锯，多做长知识。 ◆树老根多，人老识多。 ◆砍柴上山，捉鸟上树。 ◆砍柴砍小头，问路问老头。 ◆砂锅不捣不漏，木头不凿不通。 ◆草遮不住鹰眼，水遮不住鱼眼。 ◆药农进山见草药，猎人进山见禽兽。 ◆是蛇一身冷，是狼一身腥。 ◆香花不一定好看，会说不一定能干。 ◆经一番挫折，长一番见识。 ◆经得广，知得多。 ◆要知山中事，乡间问老农。 ◆要知父母恩，怀里抱儿孙。 ◆要吃辣子栽辣秧，要吃鲤鱼走长江。 ◆树老半空心，人老百事通。 谚语第二缉 ◆一人说话全有理，两人说话见高低。 ◆一正辟三邪，人正辟百邪。 ◆一时强弱在于力，万古胜负在于理。 ◆一理通，百理融。 ◆人怕没理，狗怕夹尾。 ◆人怕理，马怕鞭。 ◆人横有道理，马横有缰绳。 ◆人多出正理，谷多出好米。 ◆不看人亲不亲，要看理顺不顺。 ◆天上无云不下雨，世间无理事不成。 ◆天下的弓都是弯的，世上的理都是直的。 ◆天无二日，人无二理。 ◆井越掏，水越清；事越摆，理越明。 ◆无理心慌，有理胆壮。 ◆牛无力拖横耙，人无理说横话。 ◆认理不认人，不怕不了事。 ◆认理不认人，帮理不帮亲。水大漫不过船，手大遮不住天。 ◆水不平要流，理不平要说。 ◆水退石头在，好人说不坏。 ◆以势服人口，以理服人心。 ◆让人一寸，得理一尺。 ◆有理说实话，没理说蛮话。 ◆有理的想着说，没理的抢着说。 ◆有理不怕势来压，人正不怕影子歪。 ◆有理不在言高，有话说在面前。 ◆有理不可丢，无理不可争。 ◆有理赢，无理输。 ◆有理摆到事上，好钢使到刃上。 ◆有理走遍天下，无理寸步难行。 ◆有斧砍得树倒，有理说的不倒。 […]
View Details在程序员杂志里面，我最喜欢的栏目，就是西乔的漫画。 西乔是一个美女项目经理，真不知道这个项目的成员对于美女作为项目经理作何感想（哈哈。。。。） 她的漫画讲的都是程序员的故事，故事都很简单，但简单的故事却可以看到程序员的甜酸苦辣。 这是西乔的官方博客：http://blog.xiqiao.info/ from:http://tntxia.iteye.com/blog/534128
View Details西乔是这样在个人博客上介绍自己的：web 设计师，现居上海，Designlol.net 站长。配以她略显冷峻的标准照。她的名字出现在“科学松鼠会”网站的落款栏里，她义务设计了这个声名鹊起的科学网站。而知道分子们熟读的FT中文版网站也与她有关。28岁的她已经在web设计界广受瞩目。 然而，网上关于她的报道很少，除了有几段讲座视频，是她在讲“理性的设计”。她有一个网站，叫“全球设计精享站”（Designlol.net），介绍全球各领域的设计精华。她的博客“西乔的九卦”有一批忠实粉丝。只是她更新得没有以前勤了，描写个人的“九卦生活”栏目更是有近一年没有更新。这位设计师显得有点神秘。她说，她正在备考雅思，准备去加拿大读一个艺术方面的两年硕士课程。 然而，如果你会翻墙，你会从twitter这只“愤怒的小鸟”上看到一个活跃的家庭主妇版的西乔——爱淘宝，也爱做菜，当然也爱和她先生——程序员霍炬夫唱妇随。而且她也因之获得了程序员们的生活素材，在《程序员》杂志上连载“神秘的程序员”漫画，到目前已出版28期。“这是我目前唯一规律的月收入，每月500块钱。”她骄傲地伸出了一只手掌。 这对IT届的知名夫妇自称过着“反组织”的生活，整天宅在家里做着自己喜欢的事，行为也特立独行。他们的婚礼是在2009年六月的敏感词日举行的。在北京的奇遇花园咖啡馆里，谢绝红包，并给宾客提供霍炬天津家乡的特产——煎饼果子。结婚之后半年，2009年年底，在很多人为婚房发愁的时候，他们卖掉了北京的房子，告别那曾经成为无数素不相识的程序员联络点的客厅，搬到上海居住至今。现在的生活主要是泡浦东新区图书馆，因为“只有在那里你才能在中国体会一个纳税人的福利：免费停车，免费借书，免费wifi，整整6层的图书馆……” 我和西乔的谈话进行了三个小时，她的表达很清晰，大概是经过讲座历练，而她则不像照片上那么冷峻，而让我相信这是一个毕业五年，有自己的本领和爱好，又能自由地把控自己生活的女生。 Q：我们先谈谈你的个人经历吧。 A：我是知青子女。在上海出生没多久就到了安徽望江县生活，在那里一直读到高中。我妈妈是在文革后期从上海到安徽下乡的，她很快考取师范，在当地做老师。我爸爸是安徽人，他是一个很爱学习的人，70年代末就下海了，最早开了摄像馆，拥有县城里唯一一台专业相机。后来他又自学电工，学修汽车，在80年代初就拥有了六位数的存款，而那时普通人的月工资只有二三十块钱。16岁的时候，我的户口回到上海，而我本人则直到2002年才回到上海，在专门为知青子女开始的全国高考考场参加了高考。 Q：你父亲对你有很深刻的影响吧？ A：我父亲对我有三点影响。一是他是最早一批下海的人，不想过朝九晚五的生活，一直有创业精神，都想去试，哪怕是付出代价。二是他是一个非常有求知欲的人，老了也想继续学东西。三是他是一个希望了解真相的人，他会翻墙。我父亲在我初中时给我讲解的历史和历史书上的写得不一样。这对我世界观动摇很大，历史书上的事居然可能不是真的！怎么能写到课本上教给大家呢？我就去问我的历史老师。他是一个很好的老师，他和我说确实有的不是真的，你以后要学会自己看历史。这件事对我影响很大，我以后再也不会相信从单一渠道了解到的东西。我开始拥有了追求真相的本能。 我父母都觉得浪费时间是罪过，一直保持学东西，整个家族没有人会打牌打麻将。我爸天天看Google Reader，经常要缠着我先生问这问那，还岁数大了怕忘，还专门有一个to do list，要请教那些问题，路由器要设置，代理要更新。我妈也很早就开始了她的博客。 Q：听起来真是很独特的家庭氛围，那你是怎么选择自己的大学专业的？ A：我家在1995年就买了电脑，Pentium MMX。我大概在1999年家里开始上网了。因为我爸爸后来还做摄像，我在上大学之前就已经学会用Premier剪小视频短片，也会用Photoshop，对互联网比较感兴趣。我大学报考的是中国传媒大学的网络艺术，那是一个实验性的专业。把各种相关学科的课程都拿了过来，却什么也学不深。所以我在大学都是做自己的事情，我是一个不喜欢集体生活的人，我不参加任何社团和学生会的活动，我想好我大学毕业就想做设计。学设计的学生很容易接到项目。我还和同学一起在校门口开了一家图片社，就是用一两台彩色喷墨打印机开的，帮大学生做一些打印、装裱、海报设计活等。那是我第一段近似创业的经历。广院很自由的一个地方，鼓励学生创新，鼓励动手能力，很像社会的预演。但我也比较遗憾我没有去一个纯艺术的学校受教育，也遗憾我没有去一个学术氛围更浓的学校。 Q：毕业后你有过一段短暂的公司生活？ A：我们这个专业据说当初是为了北京奥运准备的，同时也为以后的数字电视的方向储备人才。不到毕业我的同学大多都去了央视五套实习。那时候我也在央视国际实习了，呆了一个礼拜我就觉得太琐碎了。然后我就随便找个地方上班了，2005年11月我就在一个朋友开的做电子竞技的小公司上班了。他们一开始对我也很器重，日常业务就是经营一个电竞的资讯平台。那时我就负责做改版，要把一个静态的公司网站改成一个门户网站。我找了一个开发，几个编辑，工作一两个月后我名片上的头衔就变成了网站总监。小公司是很锻炼人的，它需要的全能型的选手，而不是流水线螺丝钉。2006年1月我接了第一个正式外包项目，来自央视，为一个类似同一首歌的栏目组做一个官网，加一个影视资讯门户，有视频，有专题，有用户交互。我带一个开发去接了这个项目，赚了一些钱。那时我还没有正式毕业。从那时起，我就觉得我可以带项目。我自己承担了客户接洽、管项目进度，做设计、做产品、做前端，和开发人员合作。后来我又在深圳接了两个项目。我算了算积蓄，够我不工作地活半年。我决定SOHO，不去上班，靠接项目生活。如果半年后活不下去就再找一份工作。我觉得很多创业的人在离职前都这样算过。我的上班生涯半年内就这样结束了。上班让我有点迷茫，在交通、会议和琐事里花掉很多时间，下班以后也没有什么很多时间看书或做自己想做的事。那时我也找不到人生的价值在哪里，所有时间的付出是为了挣钱，然后变得更能挣钱？挣到年薪百万就算是人生追求吗？我们最终是为了什么而付出心血和健康，牺牲和家人呆在一起的时间，牺牲掉自己支配时间的自由呢？我决定要尝试另一种生活方式。 Q：结果你成功了吗？ A：又做了一年外包，我有了自己开发团队和公司，提供LAMP平台下的web项目外包和一些产品端的咨询服务。2007年我接了一个大单——FT金融时报中文网的整体系统改造和历史数据迁移。FT中文网那个时候更像纸媒而不是网媒，有组版系统有出版人，有publish流程。那个项目是朋友推荐的，做了一年多，FT签我们也冒了一定的风险，给了我们很大信赖，因为我们是小公司。公司最多时也没超过10个人，我一个人就要做行政相关的各种事，跑工商税务银行，甚至包括贴发票。FT的技术负责人非常好合作。 Q：现在我们看到FT中文网的橙色版面就是你们做的吗？ A：外观是后来改过一次。现在除了外观所有系统，包括发布系统、前端、统计、广告系统等仍然是我们当年做的。 Q：后来你的公司没有继续做了吗？ A：外包做了3年以后，我已经经济上自由了，不用在考虑太多生计问题了。2010年的时候我先生和我想换一个城市生活，就离开待了8年的北京。在中国做公司是一个很麻烦的事，搬到上海以后，我就慢慢把公司业务停掉了。 我先生是我在做FT项目的时候遇到的，他给我很大的帮助。09年我们结婚，婚后半年我们把自己的房子卖了，搬到上海来，那个房子是他在03年，刚毕业一年做项目的钱做首付买的，在北京广安门附近。他是学建筑的，当时就劝身边很多朋友借钱都要买房子，不然以后就买不起了。我们卖房子的事情，还受到财经网的采访。因为当时的《财经》的主编王烁也在twitter上，他就很惊讶我们要卖房的决定，认为是一个逆潮流的举动，他就派了一个记者来采访我们。在我先生30岁生日那天，也就是2009年底我们把房子卖了。到上海关掉公司以后我就是家庭主妇了，虽然我还会收到很多外包或设计项目的需求邮件，就挑一些感兴趣的靠谱的做。帮我先生一起做点软件，看看书，学些东西。 Q：从职业上来说，你对自己的定位和是怎么样的？ A：做项目管理不是一个创造型的工作，而是一个管理型的工作。我一直说我开过的外包公司是一个生意，而不是创业。当然我通过做外包也获得了非常多经验和回报。这些回报让我能在后来做自己喜欢的事。在上海的这一年多我基本没有做什么商业的设计，而是帮一些公益团体和朋友做，比如科学松鼠会、谷奥、射手网等等。也尝试了一些移动互联网和MAC平台上软件UI设计。我还是喜欢做一些创造型的工作。 Q：你看起来是难得的集设计师和产品经理于一体，又懂得如何和程序员沟通的人才。 A：这是因为我之前的一些经历带来的。同时我爸爸是一个动手能力很强的人，愿意自己琢磨各种事，会修各种东西，我从小就对工程师就很有好感，我不喜欢西装革履状态下男性，觉得他们该是有很多工具，有一个工作间，愿意折腾各种新鲜玩意。我愿意和理工男打交道，最后也嫁给了程序员。我算是比较理解这个群体的外人了。程序员们一般比较喜欢和我合作，虽然我不会写代码，但我了解开发是怎么运作的，能听懂他们的语言和逻辑，这样减少了很多沟通成本。在合作的时候，我会帮程序员挡掉一些他们不擅长处理的事，也知道什么样的状况会让他们痛苦。所以我也才能去画程序员的漫画，很多程序员看了之后会觉得这肯定是一个同行画的，然后他们会很惊讶地发现作者居然是一个设计师，一个家庭主妇。 Q：你以前学过画画吗？ A: 我小时候很喜欢日本漫画。却没有受过科班的绘画训练，这也是我一个遗憾，我也在努力补这个瓶颈。《神秘的程序员们》参考的是美国杂志连载漫画的风格。比如呆伯特。这恰恰很对程序员们的胃口，因为他们对审美的东西不太敏感。很多甚至痛恨图形界面，喜欢简洁原始的东西，以糙为美。 创作这个漫画的初衷是画我知道的程序员以及项目有关的好玩的事。画到第3篇成了《程序员》杂志的专栏漫画，一个月一期，15号以后会在我blog上发布。到现在两年多了。 程序员们很喜欢这组漫画。几乎每一篇都有一部分人会觉得有类似经历或者有共鸣。我经常为缺乏题材发愁，从第一期就征集创意，但是至今没有用过一篇别人的投稿，这个群体可能本身编故事的能力或者幽默感不是很强，我收到了大量很冷很冷的笑话。所有的创作题材都改编自身边人或书上看到的案例。 Q：嫁给程序员之后，对程序员这个群体的认识和以前有没有改变呢？ A：当然还是有。以前总会觉得这些Geek的头上是有光环的，而同时也有某种人格缺陷的，好像《心灵捕手》里那样的人。后来我发现这个群体和所有群体一样，有些人很有理想，也有人只是为了挣口饭吃，把它当成一份工作而已。只是这个群体里理想主义者的比例更高一点。 Q：程序员的生活窘迫吗？ A: 有高有低，但总体上是不窘迫，在中国，因为互联网行业很热，他们还属于收入能和付出成正比的群体。 Q：程序员对外界敏感吗？他们会不会“两耳不闻窗外事”？ A: 其实他们挺敏感的。他们有更多的信息渠道去了解外界，Twitter上和Google+上程序员的比例很高。 Q：程序员有正常的家庭生活吗？ A：有啊，其他职业同样有需要非常忙，需要加班的工作。好程序员是不应该加班的，是不能以工时来衡量他的工作的，好一点的技术公司对开发者都没有考勤制度。而且普遍认为他们没有那么多应酬，不会有花花肠子，会花更多时间宅在家里。 Q：在现在席卷IT业的上市风潮里面，程序员这个群体焦躁或者功利吗？ A：这或许不能以群体来划分。互联网行业虽然看起来有很多一夜暴富的机会，但现在越来越不容易。不要说上市，即使能以一个好价格被人收购而套现的，可能1%的比例都不到。所以理智的创业者应该多少都有这方面的觉悟和心理准备，像生一个小孩去把它养大的感觉，者还是有很高的理想主义成分。 Q：如果以Google和苹果来比拟，你更想做哪一个产品呢？ A：不可以两个都有吗？目前我想出去学的东西是数据可视化和信息可视化这个方面。信息可视化在国外开始得很早，也比较流行，从纸媒时代就会把新闻或数据用引导性的，更吸引人的可视化方式呈现。而数据可视化是把数据当变量，可以根据数据变化去实时改变呈现的交互程序。比较著名的案例就是像今年4月的日本大地震，Twitter 根据全球各地网友发推的数据制作了一张可视化地图，你可以看见数据像潮水一样涌动，你就可以真正感受到Twitter说的自己就是世界的脉搏，你真的可以看见那脉搏的跳动。 Q: 你会不会觉得苹果这样的神话遥不可及呢？ A：我并不想再造神话，没有那么大野心，目前我只是想做一些有价值的创造，不管是大是小。在开发链条中的创造性的角色，程序员、设计师和产品经理他们都不能单靠自己的力量去完成一个创造。所以最后，一个程序员要发展，要做出更好的东西来，必须也要去懂设计，去懂产品。好的产品经理要了解设计、要了解技术，不一定要自己做，但需要对整个生产链有理解。你如果只在自己的角色里，最后你是很难最有效率地合作，做出成功的产品来。 我认为web设计师这个工种的行业前景越变窄。个人、企业的博客和官网以后会慢慢被吞并进强势的SNS网络里，像很多公司现在的facebook主页比他们的官网更重要。从风格上来说，web设计已经逐渐摆脱了平面设计web化的做法，过去的网站更像是平面设计在web上的变体，有很多设计元素、思路、动机，仍然是平面式的，是给人们看而不是给人们用的。但现在我认为web设计找到了属于自己的定位。设计变得越来越精致和简洁，设计的痕迹在现在占据风头的网站上都变得很轻。因为功能和结构永远更重要。Web设计的工作相当大一部分被放到了后台，而不是呈现出来。 Q：这听起来有一点托拉斯化，资源都集中在几个寡头的SNS平台上，这好像和互联网百花齐放的精神有点冲突。 A：从大家获取信息的有效性和效率来说，集中是大势所趋。过去的10年是搜索引擎的时代，它把无数的小网站，无数的信息源连接起来。但那个时代查找有效信息的成本还是很高，也不一定能找到的。而现在人们获取信息的方式连同生活方式都逐渐被社会化媒体改变了。小网站消失得越来越快，这样其实web设计的发展多样化的土壤也不够多了。前面我说到说web设计的很大一部分被放到了后台，也就是产品经理所在做的事情。他们主导了一个产品应该是什么样。很多web设计师慢慢成了类似建筑行业里出效果图的人，产品经理告诉框架，风格，结构，用什么元素，他自己要思考的东西越来越少。他就去执行产品经理没办法做的那部分专业工作而已。他慢慢变成了一个匠人。所以设计师要摆脱自己工匠化的趋势，让自己多元化，了解产品、前端、交互，甚至技术上的实现性，这样在设计产品的时候，才能更好参与，才可能提供有价值的专业意见。而我也不可能局限于只做web设计。这也是我为什么要去国外的设计学院上学，并不是为了学什么技术或能力，真正重要的东西也不是靠学能得来的。而是为了去看更多，体验更多，做更多尝试，突破以前的思路。北美在新媒体的设计这块比中国要进步很多。 Q：你学习这么多东西，听起来好像是为了最后集大成达到某个目标。 A：是啊。因为很多好的设计师，到了一定境界，设计类别对他们并不是限制。他们成为创造者，而不是某一个工种。他们可以把自己的理念和创造力灌注到任何产品中，通过专业合作，他们能创造出各种东西，无论是服装，包装，工业产品，绘画。同时他们对整个产业的各个环节都有了解。好的平面的设计师应该对各种材质，工艺，实现手段都很清楚，他要去车间看，去和搞材料研发的人打交道，知道边界在哪以后才能了解边界可以如何去扩张。只有充分打通上下游，才能够深入和专业地做一件事情。 Q：你刚才提到你已经“经济自由”，你对它的定义是什么？ A：这和个人的生活态度有关，我觉得够花就行了。我们对物质生活要求很低，比如不逛商场，因为不喜欢买名牌，甚至也不去物理的超市。不在外面吃饭，都在家里做。现在我们租房子，养一辆车，买点电子产品，经常出去旅游也就足够了。我们的积蓄加上卖房子的一笔资产，够我们俩出国读书两年的各种费用，而且总体上未来五六年生活不成问题。而且经济独立并不只是看有多少钱在银行里，而是在任何时候都有能力去挣到钱。 Q：对物质生活要求很低，也体现在你们的婚礼上了。 A：对，我们的婚礼就在北京的奇遇花园咖啡馆举行，来的人都是我们的朋友，大家都是同龄人，互相介绍自己，然后在一起聊天。那是真正来自朋友的祝福。我们也只办了这一场婚礼。结婚的时候我们没有任何嫁妆、彩礼、钻戒，也没有拍婚纱照，那其实是真正意义上的裸婚，尽管那个时候我们有房有车。我认为裸婚并不意味着你没房没车就结婚，裸婚是你不会为结婚去特别置办什么东西。我只在淘宝上买了婚纱，加上咖啡馆那场自助餐，也就花了5000块钱吧。 Q：这符合你从小对婚姻的想象吗？ A: 我只是觉得让我穿一下婚纱就可以，不穿婚纱太遗憾了。其他我无所谓的。拍婚纱照，以及婚礼上像木偶一样被耍，不是我喜欢的。我想这不只是我和我先生的观念一致，也来自双方父母的支持，他们都非常开明。我们的婚姻只是我们两个人的结合，而不是两个家庭的联姻。这包括到现在，我们想出国的决定，暂时不要孩子的决定，他们都很尊重。我觉得我们能过现在这样的生活，非常地得益于双方父母。我和我先生从小就很独立，我们双方的父母则现在也非常独立。他们不会把生活重心放在我们身上，自己很有追求，有很多事情可以做。中国父母和孩子的关系一直很纠结，我觉得好的关系是双向努力来建立的。 Q：你们理想的生活方式是什么样的？ A：我们想过比较自由的生活，去国外定居和旅游，不会因为什么东西必须把自己锁定在什么地方。我们俩的职业属性也有一些天然的优势，我们都是可以生活在虚拟世界的人，不需要太多物理的存在就可以为生，像销售、媒体这些行业就比较依赖当地的资源和圈子，换一个城市就需要面临重新开始的很多问题。我们无论在哪里，只要有网络，有电，就可以一样地工作生活，我们的社交也大部分在网上，这些朋友们即使很长时间不见也不会觉得生疏。我们都觉得我们现在是在过着非常奢侈的生活。这种生活不在于经济物质上，而是我们真正非常自由，这是我们这一代人最奢侈的东西。 Q：孩子会不会是一个使你们“锁定”的因素？ A：我们可能有比较“自私”的想法，因为我们俩现在觉得有很多很多的事情要做。想学很多东西，想创造出以后能改变世界或者影响世界的产品，不管是大还是小，我们总觉得有无穷的事情要做，所以现在有点害怕要小孩，因为那占用未来很多年的时间和精力。另一方面是我们绝对不会在中国生小孩。当时结婚的时候，在天津登记，拿到结婚证的时候还有一张婚检的纸，工作人员说这张纸要收好啊将来要拿来换准生证的。结果我们一出门就把那张纸扔了。 Q：你怎么看十年后的自己？ A：十年后我希望能在专业上有所建树吧。我倒不太想具体的目标，如果存在各种可能性和意外的话，这倒这是人生的乐趣。我对于人生不是以成功而论的，因为我比较重视家庭，重视自由和创造中的乐趣，所以我的成功和经济或者社会认可不会有太多的关系。 西乔的程序员漫画： from:http://hi.baidu.com/iuecd/item/ba73dd5b69b8a90fe7c4a574
View Details关于拖延症的话题我在Hacker News上不断的看到有人提出来(你也读了，不是吗？)，感觉有必要将我是如何跟拖延症做斗争的方法分享给大家。然而，我这里说的主要是针对程序员/美工，但其实任何人都可以使用。首先最重要的…. 它不是那些老套陈旧的动机心理学扯谈。 我并不是说那些传统的应对拖延症的方法理论不对，只是对我无效。当正经历极度消沉的时候，我通常听到的理论的最后一句话是”You just DO IT!”。我有很多的事情要去做。但我不会去阅读你那400页的治疗拖延症手册，也不会执行你那一套自我调整的行动方案。 OK，下面看看我的方法。 第一、你想完成什么？ 以程序员为例： 我需要在我的程序里添加讨论和留言功能。 以美工为例： 我需要给这个客户做出logo。 回答这个问题。有答案了吗？非常好，下一步。 第二、寻找下一步你需要马上去做、而且不带压力的一个任务。 这里真正的艺术就在于我是如何实施这一步(注意，是我如何实施，而不是科学上如何实施)。纵览一下所有你的任务，把它们拆分成小任务，然后再次拆分，直到任务小到你认为可以毫无压力的完成为止。这样的任务此时应该可以用“too easy”来形容。 以程序员为例： 建立一个路径,这样我可以访问”myapplication.com/discussion” 以美工为例： 选出3种最适合这个logo的字体 第三、完成第二步中选出的任务。 第四、重新从第一步开始。 为什么这种方法好用 首先第一个原因是，这种方法让你没有压力，让你有能很容易完成的心理准备。这个任务如此简单，你会想干脆做了它。如果你觉得自己有拖延症或意志消沉，那这就是你需要的….而不是一个写满了100个任务的to-do列表。 第二个原因才是真正的原因——不需要担心下一步需要做的事情。还是以开发或美工设计为例。每次你完成了一个用这个方法为你选出的任务，余下的任务的 总体情况很有可能发生变化。完成X之前，你会认为Y应该是接下来最该做的事情。但当X完成之后，我用这个方法选出的任务却是Z….比如： 以程序员为例： 建立了路径后，下一步该做的应该是查询数据库操作… 但在我完成后，用这个方法选出的却是去开发view层。 一个美工为例： 我要挑选3种字体，接下来应该做的是从中选定一个，但是，因为这三个字体都是这么好看… 我最后决定做的是在Adobe Illustrator里用3中颜色分别演示它们。 最后一个这种方法对我有效的原因是，它能激发启动动力。让你开始去做。一旦做起来、行动起来，你就不会停下来，当完成任务时，你会发现一步一步的这样做下去是如此的容易。 我已经开发了4个大型的应用，都是使用的这种对抗拖延症的方法。这意味着我不是按常规顺序先去计划好X和Y，而是直接进入了设计和编码。所以，这种方法并不只是用在业余项目中的小技巧。 [英文原文：How I Fight Procrastination ] from:http://www.oschina.net/news/51765/procrastination
View Details原文出处： medium 译文出处： inside – elaine。 试想一位小公司老板每日孜孜不倦地工作，为何不能从为数众多的竞争者脱颖而出？ 一位创业家可以不眠不休一天工作24 小时，整整一周不休假。 然而，时间有限，且竞争者却永远可以投入更多钱与心力，让竞争更剧烈。 那么，为什么某些小型新创公司可以完成许多大型企业无法完成的事情呢？ Instagram──只有13 名员工却被Facebook 用几十亿买下的公司。 Snapchat──只有30 名员工却拒绝科技巨人Facebook、Google 的并购交易。 它们的成功部分来自于幸运──其余则是因为效率 。 成功的关键不是努力工作，而是用聪明的方式工作。 有效率并不是指良好的时间管理，而是──管理您的精力。 人们都需要学习如何花费最少的精力能够得到最大效益。 要提升生产力，下面这些事情绝对要避免： 一、停止加班，提升效率！ 1926年，福特汽车工业亨利福特（Henry Ford）执行了一项实验发现有趣的结果：当把一日的工时从10 小时降到8 小时，从一周工作6 天减少至一周5 天，人们的生产力将会提高（注一）。 当您工作得越多，不论是短期或长期而言，您的效率、生产力都会降低。 1980 年由The Business Roundtable 的一篇研究〈Scheduled Overtime Effect on Construction Projects〉指出（注二）： 当每周工作时间超过60 小时，并持续超过两个月，生产力下降的累积效应将使完工日期推迟，而人数相同但每周只工作40 小时的团队执行同样工作，甚至还会更早完工。 在AlterNet的一篇文章中，Sara Robinson回顾美军执行的一项研究，这项发现「每晚都减少1小时睡眠，持续一周，将导致认知功能退化，等同于喝酒使血液酒精浓度升高至0.10 。 当个人过于劳累，使其以比平常还要负面的角度看事情，导致普遍地心情低落。 比心情更重要的是，其思维往往伴随着减少「主动思考与行动」──包括控制冲动、自我感觉良好、同情他人与情绪智力──的意愿（注三）。 维持高程度的生产力，避免让自己过度工作并睡眠充足很重要。 下次您思想为何工作缺乏生产力，原因很简单，您有可能缺乏睡眠。 二、不要太常说「yes」 根据80/20 法则（Pareto Principle），20% 的努力创造80% 的成果，20% 的成果消耗80% 的时间。 不是努力工作，我们应该把注意力放在创造80% 的结果并放弃其余的。 我们应该把更多时间放在最重要的任务。 我们应该停止对低效能与无效能的任务说：「好的，我来做」 。 「成功的人」与「非常成功的人」之间的差异在于，非常成功的人对几乎所有的事情都说不。 — Warren Buffet 激发一个问题：什么事情要说yes，什么事情说no？ 如果您不能想出某些值得花时间的地方，就考虑作个小测试找出答案：追踪您作的所有事情，可能的话持续优化处理的过程。 通常人们说「yes」的频率比实际上应该的次数还要多，因为说「yes」比说「no」要简单太多，没有想要当坏人。 2012 研究发表在Journal of Consumer Research，研究者将120 个学生分成两组。 一组被训练为说「我不能（I can’t）」，然而其他被训练为「我不要（I don’t）」。 结果很有趣： 对自己说「我不能吃X」的学生，61% 都会选择吃巧克力糖，同时，对自己说「我不要吃X」的学生，只有36 % 会选择吃巧克力糖。 光是简单的词汇替换，就能显著增加人们选择更健康食品的机率。 （延伸阅读： 拒当YES MAN，说「不」让生活更美好 。） 三、停止什么都事必躬亲，让其他人帮忙 在我职涯的某个点，我管理一个非常大的社群，而我无法处理得很好。 我试图每一件事情都自己来。 我疲倦不堪，但社群最终接管我的职责并自行治理。 […]
View Details