Clik here to view.
诡异的@import
本篇内容首发携程UED团队博客：http://ued.ctrip.com/blog/?p=2824 一直以来写CSS的时候都没有过多的考虑使用@import的方式，最近又看到有朋友在讨论关于@import的一些好坏，以及要不要使用@import的方式加载样式。其实对于这个问题在很早以前网络上就有相关的资料做了介绍这篇《don’t use @import》，英文的哦 (^。^)y-~~...
View Article2012的开篇，又整理了一个小玩意，图片垂直水平居中代码获取小工具
在2012年的第一个月，也是我的博客在2012年的第一篇日志，就分享一下这两天整理后在同事的帮助下，整合实现的一个直接获取图片大小未知，并在一个固定宽高的容器中垂直水平居中的代码直接获取小工具。这个小工具是通过air实现的，说实在的air这个东西我真不会玩，而且写JS什么的也真不是我所能手到擒来的东西，费了不少劲。...
View ArticleClik here to view.
一种星级图片的处理方式
不得不再次感慨一下CSS巧妙运用带来的亮点，有时候有些东西以前虽然在某些情况下用过，但是思维这东西如果一直没转换过来，就不知道在另外一种情况下去运用。这次的这个感慨主要是来自于商派模版堂中一个产品列表页面上的小模块。 这样的一个星级评价模块，很多网站都会有用到，目前以来我写这个模块的方式就用两张图片，结合两个标签叠加覆盖后，让有颜色的星星覆盖在灰色的星星上面，再给予一定的宽度比例来实现，比如：...
View ArticleClik here to view.
用边框做小三角的小破工具
首先一点，我不得不承认我是一个不爱每次都写同样代码的懒人，只想着复制粘帖，做VC达人。就因为这个臭脾气，前几天在公司项目中想用边框做三角图形的时候，发觉没真正理解怎么去写这个样式，折腾起来比较吃力，不爽。 不爽的时候就想着怎么让自己爽一点，想来想去，就搞了这么一个破玩意。...
View ArticleClik here to view.
在word-wrap和word-break之间的纠结关于文本断行的样式
突然间发觉自己一直以来都是用以前的思维方式在写页面，很多细节的东西并未注意到。前几天组内有同学问我关于单字节的长字符截断问题，原以为很简单的只要用word-break:break-all;和word-wrap:break-word;就能解决所有问题了。事实上这个的确能让长字符的单字节文本在块元素中被截断。...
View ArticleCSS背景颜色属性值转换 V3
突然有一天iPhone上提示一条来自19楼工作的红茶朋友的信息，我还以为是介绍杭州那边的工作给我呢，结果是跟我说我的那个“CSS背景颜色属性值转换”在IE9下实现圆角时出现了一些问题。其实对于当初做了这个小工具后，一直就没考虑过IE9下的情况，因为其中是有fliter属性在，那么对于IE9而言多少是会有影响的，并且IE9其实已经支持rgba了，同时也支持border-radius圆角属性，完全没必要...
View Article【在线小工具】绘制表格获取HTML代码
有时候想想我自己真的挺懒的，对于DreaWeaverDreamWeaver这样一个好工具，就是懒得开，甚至都懒得去装，因为我装DreaWeaverDreamWeaver的主要作用就是为了绘制表格，还有就是整理HTML的代码（格式化代码），但这样的功能使用率太小了，而且感觉DreaWeaverDreamWeaver打开速度好像也不是很快（据说现在打开速度不错了）。无论怎么样吧，反正我用EditPlus...
View ArticleClik here to view.
-webkit-appearance实现iPad端日历框样式的改变
随着iPad的盛行，很多人开始在iPad上看网页，对于携程这样一个旅行网来说，日历控件的使用是必不可少的，然后目前使用自定义的日历控件在iPad上会影响用户的操作（使用input文本框来模拟实现，会弹出键盘导致日历弹出层被覆盖等情况）。解决的方法肯定会有，而且方法应该也挺多的，但对于JS能力不强的我而言，想到的是利用HTML5中的input日历属性值。...
View ArticleClik here to view.
关于IE6下的DIV宽度
都快奔三的人了，还是那么好斗，对于有些问题总是不肯服输，尤其是在说出自己的理解之后，对方还是在摇头的那刻，心中就充满无限的想知道答案的冲动。这次这个事情很简单，跟一位同行沟通的时候，他说IE6下盒模型会计算有误，我说是不是因为DTD声明的关系导致了怪异模式呢。对方答，是标准模式下的。好吧，我心中万头草泥马奔过……这究竟是什么情况呢，标准模式下计算宽度还会有问题？...
View ArticleClik here to view.
对《CSS那些事儿》说声“抱歉，再见！”
在09年因为我的一时冲动，写了这本关于CSS方面的书，当时很单纯地只是想为了争一口气，把自己知道的通过书籍的方式跟大家分享。到现在这个时候，没想到都好几年了，时间过得真心快啊，而且现在好像《CSS那些事儿》这本书都已经下架了，在书店以及各大网店中找到的都是无货状态，并且通过某朋友了解到出版社因为这本书的销量不佳，稿费也就没多少了。...
View ArticleClik here to view.
计算固定宽度内显示可容纳图片数量的小工具
不得不承认我是一个很懒的人，一直都没怎么更新博客，前段时间也一直在忙项目的事情，期间有一些图片列表的布局。当时拿到的设计稿时，图片的尺寸似乎有点差异，间距也不同，然后只好在计算器中一点点的去计算图片的尺寸，图片之间的间距等一系列数据。折腾了几次就感觉，这样真心特么滴烦。 烦恼多了人容易老，要开心；要开心就要自己动手去解决烦恼。让类似下面这图中的一些列表布局不再成为自己的烦恼。...
View ArticleClik here to view.
background:url(#)这是什么玩意！？
在一个页面中晃荡晃荡着，突然想要修改一下CSS看看效果，结果怎么修改都无效，完全看不到效果，而且修改的值还会变回来。一直以来我用的都是Chrome，前几天突然升级到28版本了，以为是版本的关系，惆怅了一阵。对于这个现象的出现，现在表达能力越来越差，也不知道有没有说清楚，干脆视频吧（本来要GIF的，不过一时没找到工具）。...
View ArticleClik here to view.
蜕变·WebRebuild 2013 前端年度交流会邀请
互联网web前端设计行业通过一段时期的茧封或焰炼，web技术使行业、企业及自身发生质的改变。痛苦的蜕变是成长的契机，在彼此互相冲击、交流、融合的对话下，将以尊重包容互助合作同步发展的心态，对行业蜕变、自我提升的过程分享自己的观点进行探讨。...
View Article淘宝UED招聘资深前端开发工程师
代友转发，具体请直接联系tangzhu.mc(at)taobao.com【改at为@，大家都懂的】 我们在古城杭州，我们在西溪湿地，我们在阿里巴巴。 没人会说清为什么爱上杭州，她不同于北京 —— 那种铺面而来的气势，而是温婉幽静，如品茶般慢慢渗出的味道，漫到每个角落，每个神经，说不出个具像，但就在那儿。 也没人能说清为什么会爱上阿里巴巴，这是家企业，更是家学堂。企业追求利润，但这的人更追求责任。...
View ArticleClik here to view.
扯一下似乎被遗忘的盒模型
前段时间为了组里在扩充人员，在面试的过程中有过几次扯到“盒模型”这个东西。对于“盒模型”以前是经常提到，现在被CSS3的风头给盖下去了，已经没多少人去讲“盒模型”，也导致了很多了现在根本不知道什么是盒模型。...
View Article
