CSS 中英文排版大冒险

marisa-as-default-header

(credit: twitter 戀歌)

事出有因,我最近在设计软件(例如 Sketch)和页面的中英文排版上花了不少时间。

具体地说,我是想弄清楚在中英文混排时,为什么文字、图标等设计元素这么难对齐,这么多设计工具的行为与我们想象不同。

本文是对 CSS 相关排版的研究。Sketch 我已经写了一个插件去绕过 OS X 特有的排版问题。

阅前提醒:本人在排版方面的研究仅是浅尝辄止,欢迎高人点评错漏。

Continue reading “CSS 中英文排版大冒险”

客栈提示:如何避免12306订票助手的悲剧(正确使用Github CDN)

最近某单让国内外程序员颇为欢乐的新闻浮出水面。

不,我不是在说那个已经被各大新闻站转载的错漏百出的Verizon Case Study(顺便一提,不是Verizon的员工私自外包工作到中国,而是Verizon安全顾问团队接到一家美国公司的调查请求。)

我说的是:12306订票助手,因为成为某国内浏览器[1]近期在媒体上大打广告的“春运抢票版”的默认插件,又因为早期版本使用Github的Raw File作为CDN,并对返回403错误代码的请求使用暴力的5秒重试,导致Github被间接的DDOS,整体服务质量下降,Github运营团队不得不对该代码Repo做特殊处理的事件

Continue reading “客栈提示:如何避免12306订票助手的悲剧(正确使用Github CDN)”

不是微软的微软

一个不是微软的微软,或许正是微软需要的消费者形象。然而微软有信心在苹果的地盘第二次打倒苹果吗?我对如今高层的信心表示怀疑。近日国外博客界疯传的由21岁设计师Andrew Kim花了三天设计出来的微软新产品形象,我这个死宅只能用“惊艳”二字来形容。或许这是一个警醒的机会,相信微软不会放过招聘他的机会。

Pears on WordPress,“梨子”主题玩转你的前端设计

除了用来当写作平台与内容管理系统外,WordPress还能用来做什么?几年前的P2主题告诉我们它能拿来当微博,今天Pears主题的则把“文字内容”从WP中去掉,把HTML和CSS代码搬到了主桌。

简单解释——Pears把WordPress变成了HTML/CSS开发者收集与试调代码的平台,安装了这个开源主题之后,可以在后台加入对应的HTML与CSS代码,再到前台试调并即时查看效果。相对专业的开发软件自然还是有差距,但作为收集与开发一些有意思的前端设计,还是件不错的小工具。

如作者所述,这个主题基于默认的twentyone主题,实际使用过程中的细节流程有待提高(例如说做个首页提交系统,避免到后台添加代码)。

 

《让页面设计快活起来》- 面白法人 KAYAC

最近通过各种渠道了解到面白法人KAYAC这家崇尚“快乐开发”的日本网页设计公司(翻译成中文是“有趣法人”)——它可能我见过的第一家把现代化网页设计理念与日式恶搞卖萌风格运用在一起的公司了。

Continue reading “《让页面设计快活起来》- 面白法人 KAYAC”

日常主题更新v2

感谢各位回复,根据各位的测试结果进行了调整。依旧以IE9,Firefox 4,Opera 11和Chrome 10作为测试工具。完成后很神奇的发现IE6到IE8居然还能用,于是直接发布了。手机/移动设备的访问体验应该也有提升,喜欢老版设计的旅客请利用顶部的简洁版。