Category Archives: Computer

第一次听说 Boostrap 是因为同事的 Ruby China，后来在自己负责的项目 一淘UX，后台部分的界面也用到了这个东东，用得有些束手束脚，因此决定把它的介绍看一遍，也给大家做个分享。 Bootstrap 是 Twitter 搞的一个框架，目的是有个工具可以方便快速搞起一个项目，样式部分使用 Less 写就，也提供了一些 jQuery 插件形式的扩展。对景德镇居民来说，它比较狠的是直接不支持 IE6，许多特效、属性在 IE7、8 里头也是捉襟见肘；因此，如果你的网站放不下这部分用户，还是先不要用了，或者可以参考着整一个自己的版本。Bootstrap 的代码托管在 Github，随时可以 fork。 样式方面，它提供了如下解决方案： 栅格系统 布局 字体样式 多媒体展现 表格 导航 警告与提示 弹出浮层 栅格系统与比较著名的 960 Grid 大同小异，不过丫默认是16栏，940像素宽，此外一个特性是，因为 Less 带来的动态语言特性（变量、函数等），可以通过配置几个参数，自定义自己的栅格。因为抛弃了老旧浏览器支持，可以直接用 :last-child 将最后一栏的 margin-right 去掉，这也是它与 960 Grid 的差别之一。 布局也是老生常谈，一个固定宽度的居中，一个可变宽度的浮动布局。 字体设置里的风格比较明显，标题、em、strong、b、i 以及 address，都配了一些样式。在 blockquote 的样式里头，利用 before 属性，加上了个 ‐。然后是列表，通过 .unstyled 类，获得样式充值效果；这个方式其实我也比较喜欢，特别是网站是以内容为主的时候。代码块也比较朴素，推荐了 Google Code [...]

四兄弟都是 Magick 字辈的，要分清楚其实也简单。ImageMagick 和 GraphicsMagick 是名副其实的两兄弟，都是开源的图片处理工具，具有丰富的执行参数，艺术效果等等。后者是前者的分支，从 2002 年时的 5.5.2 版本分出来，专注软件与编程接口的稳定性。 而 RMagick 与 MiniMagick 也算是两兄弟，后者比前者优势在更稳定，不容易内存泄露（That’s what they say…）。哥俩都是 Ruby Gem，是对 ImageMagick 的命令行选项的封装。中午查文档的时候瞥了一眼 MiniMagick 的些许代码，也是用的 method_missing 来搞。例如： img = MiniMagick::Image.read(blob) img.resize ’800×800′ # method_missing thrown, resize wrapped as an option of `convert` command. 所以，基本上对着 ImageMagick 的文档用就是了。 然后再提一个经常用到的实践，在 CarrierWave 的封装里头也很常见的，resize_to_fit 与 resize_to_limit，以及其他一些需求，例如我今天要做的，把图片宽度限制在 800 以内，高度不限。这种需求都可以通过 -resize 参数统统搞定。在文档里头我们看到，它说接收一个 geometry [...]

Authlogic 是 Rails 项目中比较常用的 Gem，用来方便添加账户系统，登陆校验、密码哈希，都一并做掉了，Redmine 似乎也用的它。有个不足处是，HTTPS 的方式比较麻烦，还需要许多额外的工作。 另一个经常需要改动的是它的错误提示信息，其实可以在 locale 中很方便地定制，在 config/locales/zh.yml 里头复制进 authlogic: error_messages: login_blank: can not be blank login_not_found: is not valid login_invalid: should use only letters, numbers, spaces, and .-_@ please. consecutive_failed_logins_limit_exceeded: Consecutive failed logins limit exceeded, account is disabled. email_invalid: should look like an email address. password_blank: can not be blank password_invalid: [...]

页面中，有需要 iframe 嵌入的内容，因为是同源的内容，所以可以使用 JavaScript 操作起来，希望可以获取它需要的高度，修改 iframe 标签的 height，以去掉滚动条，让嵌入看起来更自然一点。 stackoverflow 上果然已经有了不少关于这个问题的问答，翻看一遍，总结解决办法如下： var frame = document.getElementById(‘#frame’), win = frame.contentWindow, doc = win.document, html = doc.documentElement, body = doc.body; // 获取高度 var height = Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight ); frame.setAttribute(‘height’, height); 这里还有个值得注意的是，最好让上面这段，在 iframe onload 事件触发之后执行： frame.onload = function(){}; frame.setAttribute(‘src’, frame.getAttribute(‘data-src’)); 这俩结合起来，就是我最终采取的方式啦。

CMU 的脸部识别实验，看了 FAQ 的小结部分，我已经后脊背发凉了 >_

Amazon 真是家有趣的公司哇。在线卖书起家，因为感觉错过互联网淘金热和急火火加入，一路上扩张、收购，不好好做电子商务这份有前途的工作，还非得搞出些七七八八的云服务，什么存储服务（S3）啦，云计算（EC2）啦，最近又搞了亚马逊·擎天柱（Amazon Prime）搞影音流媒体服务。与之搭配的，就是今天要说的这些 Kindle 们。 我在去年入了一个，6″ 的 Kindle 第三版，无 wifi 版本。拿到手第一感觉是，这货真轻啊，跟地摊货似的，点亮屏幕就马上被 hold 住了，真真确确的在看书的感觉。后来就去下各种 pdf、epub，用 calibre 转了发到 kindle 上去看；也用一些服务例如 read later 啦，readability 啦之类的，将网文发到这台 kindle 上看；也会去 Amazon 上买些版权过期的、免费的书来看。 有“商务人士”指出，买个 Kindle 却不高兴买正版书看的人，都活该被鄙视。唔，确实 not fashion。 然而等不及我悔悟，Amazon 又重磅出击，把产品线更新、扩大了。昨日发布，一下多了好些个版本：去掉主键盘、只保留按键的 Kindle；增加了触屏、也去掉了所有按键的 Kindle Touch，当然，分有无 3G 的版本；老款成了最贵的，改名叫 Kindle Keyboard，这货的主键盘我从来没用过，真心不好用啊，屏幕反馈太慢，打字的乐趣分文没有了；然后就是当当当！Kindle Fire，一个彩屏的 Kindle 诶！ 等等，说了这些个，价格多少？把他们都加起来（总共六个 Kindle），唔，差不多比最贵的 iPad（64GB+3G）还要便宜个几十刀的样子。这个公司的思路可真够清晰的，公司创始人 Jeff Bezos 曾说过这么一句话： There are two types of companies: [...]