Pure发布新版本0.3.0也有一小段时间了,但最近一直在忙,没时间更新。现在趁着中秋放假,对中文网站做了一次同步更新,^_^!
先来看下pure0.3.0有哪些改变吧!
最大的改变,莫过于网格(grids)模块了!修复了上个版本两个比较严重的bug。
网格现在使用了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现在还能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,进行测试的。如果有什么错误,请指正!
断断续续折腾了两天,pure的中文网站终于在appFog安家落户了。
近期,我很想翻译一些东西,学习下新知识,复习下英语,顺便丰富下博客内容。我刚好在近期的一个小项目试用了下pure,感觉不错,小巧简洁,上手快,不过目前还没有中文文档,刚好我可以翻译下^_^。
想到,就开始做。
昨天在github上把 pure-site clone了一份到本地,尝试翻译了一小部分,感觉挺顺利的。
虽然,只是翻译了一点点,但还是想把中文网站部署到线上先。
今天,我才发现我没有主机,于是上网找了一些支持nodejs的免费主机。由于国情,邀先选择了国内的云平台。于是,上BAE申请邀请码,但现在还没回复,看网上评论说,有的几个星期都没有回复,汗!接着,就去找NAE的邀请码,居然在 V2EX 求得了一个,太开心了!但是当把项目部署到NAE上时,中间没提示任何错,以为是成功了,但是最终提示未监听端口,google了下好多方法,试了都不行,看了下应用广场,大部人创建的应用都是访问不了的,也有人遇到跟我同样的问题。算了,试下国外的服务吧。试了下OpenShift,用得莫名奇妙的,放弃!最后试了下AppFog,照着文档说明尝试了几次,弄明白了用法后,果断成功了。
网站基本架设好了,这是网址:http://pure-site.ap01.aws.af.cm/ (虽然域名有点难看,但至少可以用了)明天开始就可以抽时间专心翻译了^_^。