about design, music and apps
by Dison Du


Organize, collaborate, and share in the cloud with Dropmark

三个工具让设计开发更轻松

我是那种很 indie 的设计/开发者。每张设计图都要自己画,每个页面都是自己写。这个过程中有太多无聊乏味甚至让人暴走的步骤。

比方说你要把每个 icon 单独切分出来,成为一个个透明的 PNG;然后还要把一个个 PNG 拼成一张 sprites,或者在第一步的时候就做这件事情(我个人不喜欢在 PS 里摆弄 sprites),但是你又会发现原来有张图片实在不能放到 sprites 里因为需要特别引用或者当作背景之类;最后你要在编辑器里一边写代码一边调试效果,然后还要在 Inspector 和 Photoshop 之间穿梭不停地调整。

如果是几个人分工来做这几件事情,似乎算不上什么难度,相信大部分人也默认了这种流程,当作自己吃饭的本领。我自己也曾经以为这就是最好的时代了,有这么多可爱的工具来帮助工作。直到现在才发现工具果然可以不止一次地改变你、你的工作和生活。

最近买了三个工具,组合使用可以让上面提到的流程痛苦程度锐减 82%,它们是:Layer Cake, SpriteRight 和 LiveReload:

Layer Cake 算是个很厉害的工具,从现在起你只需在 PSD 里标记要输出的图片的图层名字即可,比如一个矢量图形你想把它保存为 star.png,你只要把这个图层命名为 star.png,然后只需把你的 PSD 拖到 Layer Cake 里,它会自动做剩下的事情。(我的朋友丁一也试用了这款软件)

输出了一堆零散的图标之后,SpriteRight 能够帮你把他们拼成完美的 CSS Sprites,甚至 CSS 也会帮你写好。有个我不太喜欢的地方就是,每次更新图标,SpriteRight 会把所有图标重新排序,需要重新计算所有图标的位置,对前端不太友好。

最后,在你写网站的时候,LiveReload 可以自动重新加载更新过的资源,无需你在浏览器里手动刷新,就能看到最新的效果,并支持即时编译 CoffeeScript, SASS, LESS。

1 month ago 4 notes

aTech Media 的有爱产品们

aTech Media 是家有爱的英国小公司,以惊人的创造力做了一系列 web apps,大部分相信这里的各位都能用得上。

自家工具的优势就是可以互相调用,互相配合,集成度高(比如他们的 Codebase 用户免费就可以用 Deploy)。不过小公司的东西弊端也很明显就是了。 

Codebase - The project management tool with Git, Subversion & Mercurial hosting baked right in.

Deploy - The deployment tool for Git, Subversion & Mercurial for publishing to SSH or FTP servers.

Deliver - The e-mail management tool for handling all your outgoing & incoming web application e-mail. 

Sirportly - Your complete helpdesk & customer support solution.  

Appli - Host your web applications and sites on our enterprise cloud infrastructure. 

Point - The DNS hosting service with IPv6 support, web redirection & e-mail forwarding. 

Dial9 - The affordable phone system for small businesses & freelancers. 

Telecoms - Easily deploy a VoIP cloud to your customers. 

Exceptions - The tool for keeping track of all the errors & exceptions from your applications. 

1 month ago
“Which seat can I take?”

“Which seat can I take?”

1 year ago 2 notes

2011: Internet Stuff I Can’t Live Without

已经习惯了每天让 iTunes 自行启动,让自己去下载订阅的一堆 podcasts。

习惯了早上上班的路上带耳机听最新一期的 Trance Around The World 或者 A State Of Trance;习惯了晚上睡觉前看会儿 Diggnation,跟着傻乐;习惯了周日起床后伸个懒腰,打开邮箱读这周的 Javascript Weekly;也习惯了早上上班开始工作前,瞅一眼 Ruby5 防止自己落下了什么;随后,打开一个名为 Daily 的书签文件夹,把自己关心的东西挨个看一遍。

2010 年给我留下了这些习惯,2011 年呢?细数一下,看看今年自己离不开的东西:

  1. Simplenote
    Lawrence 和 Overboming 力荐的随笔记录工具,除去网站本身的精美外,几款第三方客户端也是让人爱不释手,我现在用 Notational Velocity (Mac) 和 ResophNote (Win),都是免费的,而且用户界面和操作逻辑几乎一致; 
  2. TextMate / Notepad++
    编辑器这个东西,真的不能夺人所爱。惭愧的是,之前一直习惯用 Espresso 的我,在开始学写 Rails 代码之后,才发现一个有 project managing 的编辑器才是最需要的(我非常反感用 IDE 开发);至于 Notepad++,在 Win 上用了一圈之后,我实在找不到更顺手的了,您省省心,不用推荐了,我自己用着顺手就 OK;
  3. Droplr
    CloudApp 被墙后,才发觉离不开一个随手就能分享的东西,Droplr 算是蛮好的替代品(其实它才是先祖呢);
  4. Echofon for Mac
    用了这么多 Twitter 客户端,从来就没用过这么顺手的,Twitter for Mac 那坨垃圾可以省省了。如果你也真的喜欢,20刀支持一下不算贵;
  5. Dropbox
    又是一个已然完全跟系统融为一体的产品,现在不同步都觉得浑身难受,不管哪块硬盘毁了都不用担心;
  6. Rails
    嗯??嗯。2011 年一大目标就是学会 Ruby on Rails,写一个 whatever it is 的东西出来自娱自乐或者造福大家;
  7. Twitter
    这几乎是我网络社交的全部和中心,教了我很多,给了我很多,要学要摸索的还有很多;
  8. 虾米
    自从在这里工作以来,对这款产品算是有感情了,不管自己觉得爽也好,别人骂烂也好,我们还有路要走。“希望有一天,你会说,我需要虾米”;
  9. V2EX
    一年下来,看着 Livid 磕磕绊绊、辛辛苦苦总算在云上重现了 V2EX 当年的辉煌,自己没帮上什么,有的只是偶尔出谋划策,希望在新的一年里看着它繁荣、昌盛;
  10. 知乎
    每天泡在知乎上的时间,已经超出了我以往在任何社交网络的热情。
1 year ago 1 note

Version Control for Designers

As a designer, maybe you’d think what am I supposed to do with a version control system?

Well, Beanstalk says: yes, you can do several things awesome.

Introducing: Design Preview.

Once you set up your own repository with Beanstalk, and initiated your project(s), you’re ready to go. Open the “Browse” tab of your repository, guide to the single page of a single file, click the “Preview” button on the top right, BOOM.

Now you can share this link onto Twitter, Facebook or IMs. You can even compare the versions in a single page! Wow!

Play with it, please: http://bnst.lk/giTuB1

1 year ago 2 notes

Send your own newsletter, for FREE

Start your own newsletter instantly with TinyLetter. 

Then tell people to subscribe to it. Then write whatever you want, whenever you want, and we’ll send it to them. 

Also, it’s free.

1 year ago

Mixpanel's Basic Plan Goes Free

Our original free cap of 10,000 data points (the individual user actions you send to Mixpanel) has been bumped up to 100,000.  That’s right - we made our $50/mo Basic plan completely free!

1 year ago