Just Sword Wang's Blog
早先，我详细地写过2篇关于 box-shadow 的文章: CSS3 box-shadow 详解(1) 以及 CSS3 box-shadow 详解(2)。但用现在的眼光来看，内容已经有些旧了。趁着这片闲言碎语，对 box-shadow 再做一些补充。 box-shadow ...
Zen Coding 是个好东西，Npp 装上 Zen Coding 之后，书写 HTML 的速度几乎无可匹敌。但是它也会带来非常麻烦的快捷键冲突问题，因为它截获了定义的所有快捷键(它定义了非常多)，使得在其他软件里这些快捷键完全没了反应。 最典型的就是 Ctrl+Y，如果同时打开 Npp ...
去年9月，博客挂彩1个月之久，在复苏的10月，我写了博客的复活。没想到并没有过多久，网站再次彻底的挂掉。 原来所在空间付费从论坛的朋友那里购买，空间并不稳定，时常挂掉。上次的事故关停1个月之久，网站被所有搜索引擎剔除，数据也全部丢失，我花了一周时间从一个很老的自己的备份里恢复数据，更是花了近3个月的时间才把搜索引擎收录恢复到之前的水平。看在是论坛朋友，也并无责意。 今年我依旧准时打算续费，不过被告知服务器可能下架，所以让我“免费先用着” ...
上篇 像Photoshop一样地使用CSS 讲到PS和CSS的关系日趋紧密。但是我遗漏了一些，那就是字体的阴影效果的实现。对于投影，text-shadow 能很好的满足，但是如果是字体的内阴影或内发光，又该如何？熟悉CSS3 text-shadow 的朋友都知道，text-shadow 并没有类似 box-shadow 的 inset 值来表示内外阴影，所以虽然 ...
无论是作为前端，还是作为设计师，应该对下面这个界面颇为熟悉。 Photoshop的图层样式，恐怕是网页设计里最常接触的操作界面之一，因为传统Web设计很大程度上就是图层的样式层叠。很多年前，我还是一个蹩脚的设计师的时候，就常常看那些设计教程里大段大段的关于图层样式调整的描述，所以直到现在即使自己成了前端，但那些样式的调整都历历在目。而现在，如果用一个前端的眼光来看待Photoshop的图层样式，是可以把层的概念和样式直接映射到代码里的。 CSS究其本质，无非是一种描述性语句，与我们操作GUI的界面而言其实没有什么太多不同：选项和参数组成了完整描述使得浏览器能准确地反映出来。随着CSS3的普及，大部分的图层样式就能直接对应于CSS代码， ...
“CSS选择器距离无关”的说法有点挫，但个人觉得，其实在描述上还是挺准确的。Eric Meyer 在最近写了一篇文章 Negative Proximity，讲述了一个很容易被人忽略的选择器细节：CSS选择器没有元素距离远近的概念。 简单地说，下面这样的CSS片段： body h1 {color: red;} html h1 {color: ...
译自：JavaScript vs jQuery HTML Collections HTML集合(HTMLCollection)对象是 document.getElementsByTagName，document.getElementsByName 以及 document.getElementsByClassName(并非所有浏览器都支持)这些方法的返回值。表面上看，它们与数组相似， ...
2 January 2014 update: 由于迁移至Ghost平台的原因，下文关于WordPress所述的内容皆已经无效。 前几周，我在已经非常繁多的类目又添加了一个 Featured 的分类，即精选和特色之意。在这个分类里，我存放所有我写的前端技术相关并且内容丰富文章。 如果你是通过RSS订阅我的博客，并希望在这里只看一些前端方面的信息，绕开我博客里那些个人相关的无关痛痒的文字的话，请把RSS源从 http://www.swordair. ...