标题起的比较诡异，部署网站的字体和服务器IIS有什么关系？如果你的职责只限于一名前端开发，那么你可能很“幸福”地与这些问题擦肩而过，浑然不觉。可是本人一直都是孤军奋战，连开发环境都要自己搭建，这次又踩了新的坑，发现网站所用的woff、svg等字体压根就没被页面加载。反复排摸都不得其解，用浏览器访问服务器上的这些字体url，全都报404错误，只有ttf的字体能被访问到…
事情还得起源于Google被墙这事，在几个月前我改用了360提供的字体库，一直也运行稳定。今天发现360的字体库失效了，网站字体又变回系统字体，而且一直在尝试加载360的字体库，页面变得很慢，和当初加载不到Google字库的时候一个德性…看来没有永远靠得住的服务啊，要想用字体，还得靠自己… 查看详细
::selection这个伪类比较冷门，很少有人会对默认选中文本的深蓝色背景提出异议，所以一般的网站建设中很少有人会去定义它，也只有一小部分追求极致的设计师会有这样的要求。然而今天有一个网站给我上了一课：
查看详细
首先，本文以及本站所有文章都是技术探讨文章，不鼓励任何人去fan qiang以及做任何违法的事情。接下来是正文：
谷歌基本上是被和谐透了，谷歌地图API自然也打不开了，于是公司网站上那些谷歌地图都变成空白了…总不能让访客都自己fan qiang吧。纠结了一阵子才知道原来谷歌地图的服务并没有完全被屏蔽，只是我们以前访问的域名maps.google.com访问不了了。
这个域名的谷歌地图还是能正常访问的：http://ditu.google.cn
那么把原来的JS引用地址maps.googleapis.com替换成ditu.google.cn就解决了。
1 | <script>http://ditu.google.cn/maps/api/js?v=3&key=xxxxxxx&sensor=false</script> |
接下来是谷歌字体问题， 查看详细
阿拉伯语不同于其他文字，是从右向左读的，文字要向右对齐，在CSS中右对齐的属性有两条：
1 2 | text-align:right; direction: rtl; |
text-align很常见，也就是简单的右对齐属性。direction就不那么常见了。
CSS手册中对direction属性是这样描述的：该属性指定了块的基本书写方向，以及针对 Unicode 双向算法的嵌入和覆盖方向。
也就是说定义了direction:rtl的元素，文字的书写方向是从右至左。另外direction还有控制text-align默认值的作用，定义过direction:rtl的元素，如果没有预先定义过text-align，那么这个元素的text-align的值就变成了“right” 查看详细
CSS3的Media Queries（媒体查询）在现在的网站开发中已经被应用得越来越频繁，现在但凡开发新的网站，只要不是布局超复杂的项目，不免都要“顺手”做一些响应式布局，尽量以低成本兼容更多的浏览器/设备。现代的移动设备尺寸多样，对于CSS的兼容问题也层出不穷，本文主要探讨Media Queries的分辨顺序问题。从粗略的概念视角开始，不涉及具体的技术细节。 查看详细
自己造轮子写个原生拖放，要做到简单调用，考虑拖放对象所在的环境，还要兼容老IE，还是挺锻炼人的。
主要碰到几个问题：
尽管都是用HTML语言，EDM和网页的制作差别还是随着现代电脑/手机等设备的升级，不断地分化着。可以说EDM是保守的极端，应该完全避免新技术（比如CSS3新属性，HTML5的新元素等）的应用。
总结几条EDM制作最基本的要点：
CSS3中的calc变量在iOS6浏览器中必须加-webkit-前缀，目前的FF浏览器已经无需-moz-前缀。
Android浏览器目前仍然不支持calc，所以要在之前增加一个保守尺寸：
1 2 3 4 5 | div { width: 95%; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); } |
今年年初Google Map就向所有采用API2开发的网站发了通知函，说5月份会停止API2，今后所有的Gmap项目都要基于API3开发，并且建议把API2项目都升级到API3。我公司网站上有一个Gmap的页面，通过读取一个feed实现所有酒店位置的显示，这是页面地址 – http://www.vhr.com/hotels.aspx。 由于太忙，一直都没时间去给这个地图做升级，等到11月，突然发现这个基于API2开发的地图不能用了，而且由于Google关闭了引用的JS，导致连调试都不能了，不得不去研究API3的文档，重新开发了。API2到API3的升级不是简单的几个函数和方法替换的事儿，API3的语法比起API2来显得更加的面向对象，还是整理思路重做吧… 查看详细
现在大部分流行的WP主题都采用了响应式设计（Responsive Web Design），我的博客主题修改自twentytwelve – WP自带的的一个轻量级主题，个人认为它的样式表写法在兼容性上已经做得很好了。今天就来提炼一下其中的精华，也包括一些不太常见的CSS条目。 查看详细