肥仔John

当 CSS3 推出 border-radius 属性时我们是那么欣喜若狂啊，一想到终于不用再添加额外元素来模拟圆角了，但发现 border-radius 还分水平半径和垂直半径，然后又发现 border-top-left/right-radius 的水平半径之和大于元素宽度时，实际值会按比例分配元素宽度时，不禁会问 "我真的懂 border 吗？"。本系列将稍微深入探讨一下那个貌似没什么好玩的 border！

说起 box-shadow 那第一个想法当然就是用来实现阴影，其实它还能用于实现其他好玩的效果的，本篇就打算说说 box-shadow 的那些事。

通过《WebComponent 魔法堂: 深究 Custom Element 之 面向痛点编程》，我们明白到其实 Custom Element 并不是什么新东西，我们甚至可以在 IE5.5 上定义自己的 alert 元素。但这种简单粗暴的自定义元素并不是我们需要的，我们需要的是具有以下特点的自定义元素： 自定义元素可通过原有的方式实例化 (,new CustomElement() 和 document.createElement('CUSTOM-ELEMENT')) 可通过原有的方法操作自定义元素实例(如 document.body.appendChild, 可被 CSS 样式所修饰等) 能监听元素的生命周期  而 Google 为首提出的 H5 Custom Element 让我们可以在原有标准元素的基础上向浏览器注入各种抽象层次更高的自定义元素，并且在元素 CRUD 操作上与原生 API 无缝对接，编程体验更平滑。下面我们一起来通过 H5 Custom Element 来重新定义 alert 元素吧！

每当来个需要既要水平排版又要设置固定高宽时，我就会想起 display:inline-block，还有为了支持 IE5.5/6/7 的 hack*display:inline;*zoom:1;。然后发现盒子间无端端多了个不可选的空白符，于是想尽办法修复这个 bug。  直到一天拜读了 @一丝姐、@HAX 等高人的秘笈后才顿悟，原来我错了。那不是 bug，是我不懂而已。

《CSS 魔法堂：重新认识 Box Model、IFC、BFC 和 Collapsing margins》中提到在没有 floated 兄弟盒子时，line box 的左右边框会与所属的 containing block 的左右 content edge 相接触。那到底什么是 containing block(abbr. CB) 呢？  containing block 在 CSS 的 visual formatting model 中十分重要的理论基础，因为盒子的宽 / 高度自动值 / 相对值的计算，相对 / 浮动 / 绝对定位，均依赖 containing block

最近加入到新项目组负责前端技术预研和选型，一直偏向于以 Polymer 为代表的 WebComponent 技术线，于是查阅各类资料想说服老大向这方面靠，最后得到的结果是:"资料 99% 是英语无所谓，最重要是 UI/UX 上符合要求，技术的事你说了算。"，于是我只好乖乖地去学 UI/UX 设计的事，木有设计师撑腰的前端是苦逼的:(嘈吐一地后，还是挤点时间总结一下 WebComponent 的内容吧，为以后作培训材料作点准备。

最近加入到新项目组负责前端技术预研和选型，其中涉及到一个熟悉又陌生的需求——国际化＆本地化。熟悉的是之前的项目也玩过，陌生的是之前的实现仅仅停留在 "有" 的阶段而已。趁着这个机会好好学习整理一下，为后面的技术选型做准备。  本篇将阐述国际化和本地化的概念，以及其中一个很重要的概念——Language tag(也叫 Language code 或 Culture)。

最近加入到新项目组负责前端技术预研和选型，其中涉及到一个熟悉又陌生的需求——国际化＆本地化。熟悉的是之前的项目也玩过，陌生的是之前的实现仅仅停留在 "有" 的阶段而已。趁着这个机会好好学习整理一下，为后面的技术选型做准备。  本篇作为系列的最后一篇，打算和大家一起看看 HTTP 的 Content Negotiation 机制和更多关于本地化的应用方向。