字体排版和色彩主题

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

爱上朴实的 CSS 细节

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

B3log 静态资源分离

静态资源分离好处很多,比如:可以用不同域来增加并发;加快页面渲染;减少服务器压力;当静态资源修改时,不用重启应用服务器等等。对 GAE 上的 B3log 来说好处当然更多了:由于 GAE 配额的限制,把静态资源放到另外的服务器上,出口配额可以减少不少哦由于 GAE 需要翻墙、代理,无形中的各种解析跳转必然会花费更多的时间,把静态资源放到国内的 BAE,SAE 上那将会快很多当你修改了静态资源,就不用麻烦的再去部署了。现

工具文化

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

Java 开源博客——B3log Solo 0.5.0 正式版发布了!

Java 开源博客——B3LOGSolo0.5.0 正式版发布了!该版本主要是修复缺陷;应该非常稳定了吧;-p 两年过去了,这个开源项目基本毕业。虽然到现在还是没有多少人关注,但 B3 团队会继续努力的。下个版本的 Solo(0.5.5)将社区化,Symphony 重新上线。特性基于标签的文章分类 PingGoogleBlogSearchEngine 博客/标签 Atom/RSS 输出 Sitemap 输出评论回复及邮件提醒

window resize 优化:after resize completed, fire event

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

Nginx Rewrite 规则

当初用 Nginxrewrite 的时候总是不太顺利,今天看到这篇文章,貌似感觉会有用,先转载一下 ^^ 最近在 VPS 上尝试配置安装一个网站,VPS 安装了 LNMP(Linux+Nginx+MySQL+php)在配置重定规则的时候经常遇到一些问题,直接用 Apache 的规则到 Nginx 下没起作用。原来 Apache 重写的规则到 nginx 上还有一些不太一样的地方。这里只是简单记录一些学习示例,高手略过,新手可以看一

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

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

grunt 初识

继前天学习了 Node.js 之后,昨天研究了下 grunt。今天用 Node.js 写了两个小工具。太久没有研究新东西了,grunt 学习起来,颇为坎坷。需要在此记录下,以提醒后人不要重蹈我的覆辙 ^^grunt:用于辅助中型以上的 JavaScript 项目:定义项目描述属性;合并文件;搭建项目模版;校验 JS;压缩代码;测试;静态服务器;部署等扩展功能。1.安装 gruntnpminstall-ggrunt2.新建

为什么我要学习 Node.js

背景:最近在做优化的时候发现很多前端的东西都是用 Node.js 写的。比如:csslint,最近挖掘的 grunt,less,uglify-js,JSLint。不会 Node.js,就这么用着也还可以,但想基于他们自己写点小东西就有点困难了。前话:longlongago,Node.js 火了,有点想学习他。在那个时候,自己也想学一门非前端语言(虽然读大学的时候学习过 Java,但我不喜欢他,不喜欢他的古板和严

W32/Patched.UA 病毒

这个周末就在杀毒的过程中泡汤了。一开始的症状是只要我一连网,LOL 的 ping 就会到 200 左右。也就是说明有进程在不断的占用我的带宽。随机马上用 QQ 管家的网络监控查看情况。发现一个叫 lsass.exe 和 services.exe 的进程会不断的上传和下载,占用了我的大量带宽。于是上网查了下这两个进程,据说都不会使用网络。接着就开始找各种解决方式,都不靠谱。然后就下金山毒霸、瑞星,都没有检测出来。接着就先限

9 款别出心裁的 jQuery 插件

socool&mark 转自:9 款别出心裁的 jQuery 插件前端集锦资源 | 前端开发网(W3Cfuns.com)!jQuery 插件开发正在以惊人的速度快速增长,因其强大且易用的 jQuery 框架,使得我们的工作变得更加轻松!除了 jQuery,还有 Flash,HTML5/CSS3 以及一些强大的 Web 浏览器的支持,可以说 JavaScript 已经打造了交互式网站设计的一片艳阳天。在这篇文章中,我们收集了 9 款强大

Java 开源博客——B3log Solo 0.4.6 正式版发布了!

Java 开源博客——B3LOGSolo0.4.6 正式版发布了!该版本主要是修复缺陷;默认皮肤修改为 ease。特性基于标签的文章分类 PingGoogleBlogSearchEngine 博客/标签 Atom/RSS 输出 Sitemap 输出评论回复及邮件提醒自定义页面置顶/相关/随机/站外相关文章文章、页面永久链接(Permalink)文章草稿夹、签名档、更新提示缓存管理多用户多语言换肤插件 MetaWeblo

11 个视觉差滚动效果的 HTML5 网站

以前的视觉差只是简单的背景和前景滚动速度差异所致,但这些 Demo 呈现的是另一种感觉,非常 Cool。视觉差滚动效果意为多种背景层可以横向及纵向各自滚动。这个惊人的视效最早出现在 Nike2011 年的 NikeBetterWorld 项目里,自此这个效果广为沿用,时至今日,诞生了很多不错的作品。在此,与各位读者分享 11 个使用视觉差滚动效果的企业网站模版。绝对可以让你们大饱眼福。来源:Wabbaly 编译:Ant

jQuery 1.8 beta1 新特性

jQuery 开发团队前几天发布了 1.8 的首个测试版本。该版本引入了大量的新特性,包括:1.模块化在 jQuery1.8 中,您可以移除一些不需要的模块,以构建一个专属的 jQuery 版本。通过基于 grunt 的新构建系统,你可以轻松实现该功能。可以移除的模块包括 ajax、css、dimensions、effects 和 offset。更多信息可参阅 READMEfile。2.根据浏览器为 CSS 属性加前缀某些 CSS

SPDY 简介

当老迈的 HTTP 协议逐渐不能满足人们需求的时候,Google 的 SPDY 协议出现在面前,那么这个长期以来一直被认为是 HTTP2.0 唯一可行选择的 SPDY 是什么呢?当下我们如何能部署上 SPDY 呢?左边是普通 HTTPS 加载,右边是 SPDY 加载。是不是很神奇?SPDY 是什么?SPDY 是 Google 开发的基于传输控制协议(TCP)的应用层协议,开发组正在推动 SPDY 成为正式标准(现为互联网草案)。SPDY 协议