🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

0 篇文章

Node.js 小工具—— CSS 基本语法检查

继 Node.js 小工具之后,基于 csslint 写了个超简单的 CSS 语法校验工具。思路:递归查找目录下的 css 文件,首先去除文件路径以 svn 开头的,然后选择以 css 结尾的文件。将查找到的文件路径保存到变量中。对保存的文件路径依次使用 exec 执行 csslint 命令,由于 exec 只有在异步执行中才可获取执行结果,因此每次执行的结果都进行了读写文件的操作。读取文件中的内容,把原有内容加上执行的结果再写入到文

window resize 优化:after resize completed, fire event

场景:每当 window 发生变化时,需要对其内部的某些元素大小重新设定。原因:如果页面本身就非常复杂,在对内部元素大小设定后,可能导致整个页面重新渲染。调用 resize 方法,只要用户不停的改变窗口大小就会对页面进行不停的渲染,最终导致大量消耗 CPU,页面就卡卡卡。尤其是 IE6,如果 resize 影响到了 window 大小,将会继续 resize,最终导致不停的 resize,然后就崩溃了。思路:在用户 resi

工具文化

自己平时也是非常喜欢用小工具的,那样即可以省事,不用机械的去重复做一些事情,又可以提高效率。最重要的是当开发出来的小工具被使用来减轻工作量时,那个心情是不能被金钱和时间所替代的。工具对一个团队,一个公司有着非常非常重要的作用:提高效率,保证代码质量,把线上问题危害降至最低,减少人工成本,节约时间。。。在支付宝的日子虽然短暂,但隔三岔五总有一些小工具冒出来。虽然有重复的、功能接近的,有用后更加复杂的,

爱上朴实的 CSS 细节

下文转自:爱上朴实的 CSS 细节未来的 CSS 太让人兴奋了:一方面,是全新的页面布局方式;另一方面,是酷炫的滤镜、颜色等视觉效果。这些 CSS,受开发者追捧,被杂志和博客文章铺天盖地地介绍。如果说这些特性是 CSS 华丽的一面,那我们来看看它朴实的一面:很不起眼的东西,如选择器、单位、函数(方法)。我经常说这是繁琐的东西,但我意思是它们能干漂亮的活,这就是我要分享的。怎么说呢,让我们看看这些效果最好的朴实的 C

字体排版和色彩主题

发现两个比较好的页面设计工具,分享之。Typetester 许多吸引眼球的设计是因为有一个引人注目的排版。选择一个字体是一个微妙的过程,因为即使是最微妙的变化也可以在 web 设计中产生很大的视觉效果。Typetester 给设计者一个基于浏览器的工具来比较三种不同的字体并排同时来看看哪个效果最好。用户可以改变字体大小、类型和间距以及文本的颜色良好的措施。Typetester 是 100% 免费使用,并且不需要安

HTML5 桌面提醒

效果真不错,脱离桌面也可进行提醒。可以弄个每工作 45 分钟就出去休息 15 分钟的小贴士或者是类似 googlecalendar 的东东。效果如图:以下转自:http://www.cnblogs.com/yiciyun/archive/2012/09/02/2667863.htmlHTML5 开发桌面提醒功能 Demohtml5-desktop-notification.html(只支持 Chrome 浏览器)详见代

js 修改 css 文件内样式

outer 了,原来可以直接修改 css 文件内的样式。。。CSS 代码.style1{width:600px;height:400px;background-color:black;}HTML 代码 <html><head><title>cssstyle</title><linkrel="stylesheet"type="text/css"href="./test.css"><scripttype="text

国外 29 个开发者实用的 Web(CSS,HTML5,JS)工具和应用

确实不错,转自:http://www.uiimg.com/thread-1482-1-1.html 当你需要编辑或改变网站设计时,CSS 起着重要的作用。透过一些 CSS 工具可以让新手开发人员和设计人员轻松地学习这门语言和它的功能。今天,我们为你编制了 29 个有用的 CSS 工具和应用程序。使用下列工具,您将能够以任何顺序进行 CSS 属性的排序,能够将您的 Photoshop 图层转成 CSS 样式,可以创建自己的响应 W

超简洁 textarea 高度自适应

不废话。直接上代码。$("#commentContent").val("").keyup(function(event){//ctrl+enter 提交评论 if(event.keyCode===13&&event.ctrlKey){Comment.add(Label.articleOId);}//根据换行符设置 rowsthis.rows=this.value.split("\n").length;//

不容错过的 Window 8 Metro 风格 UI 资源

颠覆了各种圆角,另一种不错的视觉享受,收藏之。下文转自:http://www.w3cfuns.com/article-915-2.html 微软已经正式发布了 windows8 操作系统,Windows 操作系统的风格已经完全改变成了瓷贴状的 MetroUI。对于微软来说这是一个巨大的改变,而且所有微软的平台,包括桌面、平板、移动及网站都使用这个 UI 风格。MetroUI 包含了所有的现代 web 设计的特点:简化、