Tools

莱泽曼黑少侠&白少侠

说起组合工具,自己在初中的时候在超市买过一把多功能钳,当时30块对一个初中生来说还真是一大笔钱~然后这把不锈钢钳子陪我走过了青葱岁月,粗略算来也超过了15年。总体质量还是不错的,这十多年的各种折磨并没有造成什么致命的损伤,而且锈迹也并不明显。15年后的如今,我还特意搜了一下这个牌子“PostBank”,结果连个影子都没有... 印象里主要还是用钳,然后就是配合批头拧螺丝,主刀和开瓶器也偶尔有用到。对于耐用消费品而言,即便现在拿出来也并不显得特别逊色,甚至在钢材上可能还要更加厚道。 虽然是个工具迷,但对莱泽曼之类的组合工具一直不太感冒,因为价格过于昂贵——真的就是一分价钱一分货,十分价钱两分货。但偶然见看到了小莱的黑少侠,居然一下子就长出草来,感觉上自己被这种大胆的设计彻底折服了。于是我在淘宝280购入了白少侠,额外还从美亚海淘回一把黑少侠($60)和一把Style…

页面Coding自动刷新利器——Live.js

前段时间在论坛看到有人写了一个检测文件变化并自动刷新页面的程序,如是,就可以不用一边编写页面代码一边还要alt-tab切换浏览器来查看页面效果。功能很简单,但是效果不俗,因为高速的页面编写不再因为切换和刷新而降低编写效率,如果拥有双屏显示,一边放编辑器,一边放浏览器,效率提升还是相当可观。 然而前端也早有类似的解决方案,不用写本地程序来监控文件的改动,也不用控制浏览器的刷新,仅仅只需要一个JS就能做到这一切了,只是很多人并不知道其存在而已,它就是——Live.js。 livejs是一个不依赖任何库的脚本,在编写的页面里将其引入,就会监控文件的变化然后自动刷新页面。想象一下在编辑器里ctrl+s后副屏里直接出现页面更改后的效果,对于熟练的页面coder而言,编写页面将会是一个更加行云流水的过程。 当前其版本是version 4,已经相当稳定,可以 直接下载或查看源代码…

网页色彩记论

我为这个页面单独创建了一个工具页Color Collections ,用来保存一些颜色板。之后的颜色不再重复在这里记录。 作为一个专业前端谈及网页设计的颜色似乎有些跑调,不过在没有成为一个前端之前毕竟也曾是个苦憋的菜鸟级设计师,所以对色彩多少也有些自己的看法。其实不论是大学期间所见所学的还是工作之后看到的各种文章里描述的色彩理论,最后只能沉淀成一种似有非无的东西。比如前些日子看的 Color Theory 101 和 The Psychology of Color ,现在在脑子里只有非常模糊的印象。设计者最后仍然还是照着自己的方式创造着美,和一些独有的郁闷:) 网页设计,很大程度上就是布局和层次,前者用空间衡量,后者用光影表现。任何美的技术都有相通之处,所以色彩有的时候并不是必须的东西,黑白和灰度足以表现空间和层次。这之后才是色彩,一种我们与生俱来的分辨方式和暗示。…

CSS3代码生成器

CSS代码工具界从来没有像现在这么繁荣——随着CSS3的渐渐流行,复杂样式的编写迫切需要有代码的生成工具简化编写的难度和节约时间。于是各种各样的工具在一年间到处开花,现在多到需要自己挑选的地步。本文虽然写的是我自己常用的生成器,但在文中链接里还能找到更多。这些工具不仅帮助我们节省无意义时间的小号,而且对于CSS3新手来说,通过生成器有针对性的学习新属性也不失为一种捷径。 Randy Jensen 的 CSS3 Generator 可能是知道的人最多的CSS3代码生成器。不仅界面简单,还列出了浏览器支持范围。我常常用到它,它为我编写复杂样式节约了相当多的时间。 只是在最后一项CSS3渐变,作者并不是自己完成而是直接引用了另一个强大的渐变代码生成器—— deziner folio 和 SGlider12 带来的 Ultimate CSS Gradient…