• CSS3 transform的一些细节

    之前虽然用CSS3 transform做过动画相关项目,目的就是让元素动起来,看着比较酷炫,仅此而已。但是最近想用transform实现小于12px文字的时候却发现transform并未将由于文字过长而换行的文字改为单行,那正好趁着这个机会小小的研究一把。

    用transform实现小于12px大小时的一些细节

    众所周知Chrome里面(据说只有中文版,未测试)文字最小为12px,那么要实现10px的文字大小,就会用到transform

    transform:scale(.5)

    这对于正常的应用来说是没问题的,比如下面的例子

    [阅读全文...]

  • 2015年初北京三日行

    IMG_20150109_104720

    北京作为传说中的帝都,作为土鳖的我还一直未去过甚是遗憾,碰巧的是去年在微博上看到裕波说要办个中国首届CSS开发者大会,我也非常想去这个大会,那就借这个机会顺便领略下北京的风光吧(你就是想去玩呗 XD)~~

    在北京总共呆了3天,大致日程如下

    [阅读全文...]

  • 遇见

    我时常在想,在你一生中遇到的人到底是命中注定,还是说只是凑巧而已。

    无论家人,朋友,同学,还是同事,总有亲疏,总有远近。随着时间的流逝,有人走了,就那么无声无息,甚至等你过了几年才突然发现。这一切,犹如河底的鹅卵石,什么时候变了模样,变了位置,都不曾知道,只知道河水它悄悄的流过。

    遇见你,才突然间有一种感觉,是那么的清晰明了,那么的熟悉、亲切。

    [阅读全文...]

  • zAlive主题已在Github开源

    其实zAlive主题一直都是开源的并且在WordPress官方主题目录提供下载,最近将其放在Github上面,原因有二

    • 使用Git版本控制,这样妈妈再也不用担心文件丢失之类的问题了
    • 装装逼

    [阅读全文…]

  • 绝对定位元素宽高分析

    update[2015-02-02]: 在理解了containing block这个概念之后,发现这篇文章好水,但是人都是慢慢进步的嘛,所以还是留着好了~


    一直以来对绝对定位元素没有太多了解,上周五下午测试的时候发现绝对定位元素在使用100%宽高的时候占据的不仅仅是父元素的宽高,还包括父元素的padding,这么说比较抽象,咱直接上demo吧。

    See the Pen dimension of absolute positioned element by Bane Lee (@zenoven) on CodePen.

    [阅读全文...]

  • IE6 !important bug刨根问底

    以前总听人说IE6不支持 !important,但是真的是这样么?最好的办法那就是亲身实践,Go!

    测试1:

    #a {
        color: red !important;
        color: blue;
    }
    

    [阅读全文…]

  • Linode降价至最低10$每月(1G内存)

    博客从用Linode以来经历了两次升级,第一次从512内存免费升级到1G,第二次同样是内存翻倍,升到2G,同时硬盘升为SSD。

    不过在第二次升级后并没有注意到有1G内存的套餐,今天无意间发现竟然还有1G内存10$的版本,这就相当划算了,对我这个小博客1G内存绝对够用~~下个月就换套餐(已经更换完毕,分分钟的事真是太爽了)~~ 嚯嚯

    Linode_20140617004649

  • jQuery实现多浏览器兼容HTML5 placeholder

    大家都知道HTML5里面的input或者textarea里的placeholder吧,可以很轻松的在点击后隐藏提示文字,但是IE老版本的因为不支持HTML5所以必定无法用,啊啊啊!!!可是这个需求真的是很普遍,工作中已经遇到过好多次这样的了,为了以后偷懒今天下班搞了个通用的代码吧~~

    先说说思路吧:

    1. 用CSS将文本框(这里叫他 #ipt)和提示文字(这里叫他 #tips)这两个元素定位到一起,上下重叠,具体的实现方法我目前所知有a和b两种,a方法是将#ipt覆盖到#tips上,给#ipt设置透明度,b方法是将#tips覆盖到#ipt上。
    2. 在点击#tips或#ipt获得焦点时将#tips隐藏 / 修改#ipt透明度 / 将#tips移到到不影响#ipt输入的位置,对于方法a可以:将#tips隐藏 / 修改#ipt透明度,对于b可以将#tips隐藏 / 将#tips移到到不影响#ipt输入的位置。
    3. 在#ipt失去焦点时判断其值是否在trim后为空(可根据需要调整)来将#tips显示出。
    4. 在页面加载时同样需要判断#ipt是否在trim后为空(可根据需要调整),以防#ipt和#tips同时显示。

    [阅读全文…]

    无觅相关文章插件,快速提升流量

第1页,共48页12345... 1015...