CSSplay老头子的挑战

你真的懂CSS?那就来理解一下他的最新杰作:“在不知道图片大小尺寸的情况下,仅使用CSS与(X)HTML完成图片的跨浏览器等比缩放”吧!听起来简单,看起来简单,却不是三脚猫网页开发者能解决的。假如你嫌页面源代码太乱,自己下载这个精简版玩玩吧~

萌番

对于大多数社会人来说,有假期的年已经过完了。店长也是,只不过我的假期似乎都花在这个叫萌番的网站上了。正确的说,从1月中旬开始计算,我大概花了100个小时在该网站的开发和设计上……对于当前的完成度,我还是比较满意的。

在四处宣传该网站招揽白老鼠之后,萌番也从alpha进化为可以见人的beta了,于是开始公测。注册邀请码是beta,其余请见网站自身说明。

关于这个网站的开发原因,我会在今后的文章中说明清楚。现在旅客们只要知道它是捏它营萌番老站的合体,基于萌翻频道的代码库,利用了我测试贴纸生成器宅种培育室的经验就行了。呼,希望这是我做的最后一个ACG相关的网站项目……

那么,我们有空再谈。

再看CSS字体堆栈

A Way Back上有一篇重新审视网站字体排序的文章。虽然中文世界的字体堆栈一般只有宋体和雅黑两种(而且是浏览器默认,不是CSS定义……),但随着不同操作系统的出炉,默认字体的比率也发生了变化,这篇文章尝试探索CSS字体家族定义的优化(仅用系统内的默认字体,而不是embed)。顺便一提,此站也是经典的blogazine + typography爱好者。

吹毛求疵:解决IE6-7给链接加黑点边框的三种方案

先定义问题:大家都知道,CSS超链接的outline属性一直是为键盘用户增加易用性的好帮手(按Tab键focus下一条链接,是除Safari Win外的默认操作)。可以说,outline通常伴随着:focus事件出现。但如果你重新定义了:focus的样式,这个边框就显得很多余了。

对于标准的浏览器而言(IE8+,FF2.0+等),定义:focus时的outline:0足以解决问题。但不支持:focus的IE6和只支持超链接:focus的IE7的黑点边框又怎么解决呢?

Continue reading “吹毛求疵:解决IE6-7给链接加黑点边框的三种方案”

WordPress插件更新:Faster Image Insert

faster-image-insert-1.5

Faster Image Insert的用途很简单:把WordPress那个该死的Thickbox上传系统移动到编辑界面的metabox下,并提供批量插入(单个图片可选插入,见上方截图)等便利的功能增强;同时不修改原有的上传系统,避免制造内部错误。

这款由客栈自行开发的插件也公开半年了,前日更新后,总下载量已达17,000次。根据我的访问统计(访问原始开发页面的用户),使用它的网站从流量超高的网页设计站到北美出名的摄影师博客都有——希望对准备新番评论,长篇图解和照片分享的旅客有用。

对于已经在使用FII的旅客,本插件1.5.0版的使用情况如何?我还没收到任何Bug报告。(新版需要先保存文章,是为了避免WP2.9冲突)

CSS设计已经到了新的时代

fowd

最近看Future of Web Design的几个演说文档时越发觉得CSS设计早已超越“让IE6正常工作”,“让页面看起来很炫”这么古老的范畴了。易用性将在用户浏览器的多样化中逐渐被重视。“支持Mac和Linux”?不,这也是任何真正设计者应该烂熟于心的知识了——我们说的是Accessibility,假设用户没有鼠标?假设用户禁止了Javascript?这都是Web 2.0继续红火下去需要考虑的事情。

例子?Patrick LaukeBetter CSS outline suppressionCSSplay的全新菜单设计都是起点。

Font Squirrel

font-squirrel

如果你和客栈一样在电子版权的问题上对自身要求渐趋严格,或者你只是想下载一些真正合法的字体让自己的良心好过一些。那Font Squirrel绝对是史上最方便的字体网站,他们精心整理着所有可以合法用于商业用途的免费字体(自然也允许个人网站/图片设计使用),省去你盯上某款字体却发现版权只允许个人使用的叹息。

PS:本人认为国内最近频繁出现的抄袭问题,除去资金与时间的调配不足外,更显露出整个行业对版权的无意识。退一万步说,抄袭者至少缺乏应有的强烈愧疚感与恐惧感;存在这群高枕无忧的从业者也印证了一条道理:漠视版权者终将成为侵犯版权者。