Tips

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

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

网页色彩记论

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