chensy's blog

pure 0.3.0发布了,pure中文网站也更新了

Pure发布新版本0.3.0也有一小段时间了,但最近一直在忙,没时间更新。现在趁着中秋放假,对中文网站做了一次同步更新,^_^!

先来看下pure0.3.0有哪些改变吧!

最大的改变,莫过于网格(grids)模块了!修复了上个版本两个比较严重的bug。

  • 旧的IE浏览器上,网格单元格有时会被挤到新一行,具体可看issues154

  • 如果开发者使用了定制的字体,网格单元格也会被挤到新一行,具体可看issues14

网格现在使用了CSS3的Flexbox,避免了对letter-spacing设置负数后可能产生的副作用。同时网格也使用了特定的字体栈去保证不同浏览器之间的兼容性。默认的网格都设置了 font-family:sans-serif;

如果你需要使用非默认的字体,pure推荐你这样子用

body,
.pure-g [class *= "pure-u"],
.pure-g-r [class *= "pure-u"] {
    /* Set you're content font stack here, for example: */
    font-family: Georgia, Times, "Times New Roman", serif;
}

其他改变: * 上个版本使用pure时,是需要自己先手工引入Normalize.css;而当前版本已经把Normalize.css打包到基本模块里面,不需要再手工引入。

  • 删除forms-core.css模块,因为这个模块是Normalize.css的一些form样式的复制,而当前版本已经包含了Normalize.css,所以不需要了。

  • 给input添加readonly属性,设置了readonly属性的input是可以被focus的

  • 给.pure-g-r下的图片添加height:auto规则,使得当调整页面大小的时候,它们的长宽比例能保持。

好了,点击 http://pure-site.ap01.aws.af.cm/ 访问吧

CSS HACK

越来越多的浏览器出现,曾经的CSS HACK现在还能HACK吗? 不知道,所以我收集了网上一些常用的HACK,自己做了一下测试,记录下来,以方便查看。

HACK主要分为CSS选择器HACK、CSS属性HACK、IE条件注释HACK和JS判断HACK;各有优缺点,不必纠结于某一方式,具体问题具体分析。这里主要记录的是CSS选择器和属性HACK。

以下测试结果是在:Win7 64位系统,默认IE10浏览器,使用IE10下的IE789浏览器模式,使用IE6绿色版浏览器,使用Opera 12.15,使用Firefox 21,Safari 4,Google Chrome 28,进行测试的。如果有什么错误,请指正!

hello node-webkit

什么是node-webkit?

node-webkit是一个基于Chromium与Node.js的应用程序运行器,允许开发者使用web技术编写桌面应用程序。它是在英特尔的开源技术中心创建和发展起来的。

node-webkit有什么特点?

  • 可以用HTML5、CSS3、JS和WebGL写应用
  • 完全支持Node.js的API以及它的所有第三方模块
  • 性能好:Node和WebKit运行在同一个线程内,函数调用简单,对象也在同一个堆上,可以与相引用
  • 容易打包和发布应用
  • 跨平台运行,兼容Linux、Mac OSX和Windows

前端导航页面面世了

折腾了一天,终于把 前端导航 的页面做好了^_^。

是win8 metro 风格 ,看起来还行,就是随机配色有时不太好,随机算法太初级了,迟点再优化。

然后,只是简单整理了一些内容上去,以后会继续丰富的。

pure中文网站终于安家落户了

断断续续折腾了两天,pure的中文网站终于在appFog安家落户了。

近期,我很想翻译一些东西,学习下新知识,复习下英语,顺便丰富下博客内容。我刚好在近期的一个小项目试用了下pure,感觉不错,小巧简洁,上手快,不过目前还没有中文文档,刚好我可以翻译下^_^。

想到,就开始做。

昨天在github上把 pure-site clone了一份到本地,尝试翻译了一小部分,感觉挺顺利的。

虽然,只是翻译了一点点,但还是想把中文网站部署到线上先。

今天,我才发现我没有主机,于是上网找了一些支持nodejs的免费主机。由于国情,邀先选择了国内的云平台。于是,上BAE申请邀请码,但现在还没回复,看网上评论说,有的几个星期都没有回复,汗!接着,就去找NAE的邀请码,居然在 V2EX 求得了一个,太开心了!但是当把项目部署到NAE上时,中间没提示任何错,以为是成功了,但是最终提示未监听端口,google了下好多方法,试了都不行,看了下应用广场,大部人创建的应用都是访问不了的,也有人遇到跟我同样的问题。算了,试下国外的服务吧。试了下OpenShift,用得莫名奇妙的,放弃!最后试了下AppFog,照着文档说明尝试了几次,弄明白了用法后,果断成功了。

网站基本架设好了,这是网址:http://pure-site.ap01.aws.af.cm/ (虽然域名有点难看,但至少可以用了)明天开始就可以抽时间专心翻译了^_^。

关于博客

有一段时间,流行Qzone,那时我也反拼命地装扮自己的空间,互踩,浇花……

后来流行写一些散文诗,写写小说,我把我的blog移到了163……

后来开始学习编程,把博客放到了JavaEye,写一些笔记,转载一些文章……

当有能力用Java写一个博客时,却苦于没有免费的空间……

后来买了个域名,用wordpress搭了一个博客,一年后废了……

13年初,又兴起了写博客的欲望,发现现在流行静态博客,于是我用Octopress搭了一个……

最近,我又从Octopress转到了Nikola……

hello-markdown

Markdown 语法说明 (简体中文版)


hello-rst

rst语法简介

空行分段

第一段内容。

第二段和第一段间有空行。

自动续行

一个回车不分段, 本行续上行。

不留白续行

行尾转义字符让续行之间不留白。

Hello World

Hello World , chensy!

用octopress写博客

写在前面

一直想用blog记录点什么东西,但用网上的blog服务,感觉不是很灵活。自己也用过wordpress,但它是基于数据库的,总感觉有所欠缺。直到遇见了cotopress,才发现这应该是我想要的了。它是用文件存储数据,以静态方式发布,可以直接挂在github等地方,而且是免费的。

这是第一篇博客,结合网上的教程与自己的搭建过程,做了下记录。以后如果遇到新的问题,也会不断在这里更新的。 ^_^

头像

chensy

Java Web开发工程师,前端爱好者,技术宅,现居广州