about design, music and apps
by Dison Du


Organize, collaborate, and share in the cloud with Dropmark

Coda 2

Plus an iPad version of Coda:

Diet Coda takes everything we’ve ever learned about world-class web code editing, and wraps it up to-go. It’s packed with features, bathed in fun, ready to work.

To be clear, I haven’t found anything that interests me in the new version, so I’m gonna stick with my Espresso 2.

1 day ago

Post a design to Dribbble with Screens

Another great new feature of xScope, updated today.

When uploading a shot to Dribbble, it can sometimes be difficult to get it just right. But with xScope, sharing your work is a breeze:

  • Open xScope Preferences and enable the Dribbble configuration in the Screens pane.

  • Open the Screens tool

  • Select the Dribbble Upload preset from the tool’s dropdown menu

  • Position the screens tool over the part of your design that you want to upload to Dribble

  • Press the camera button to capture the image (by default the screenshot is copied to the clipboard, but you can change to a file in the General preferences pane)

  • Upload your saved image to Dribbble, knowing exactly how it will look on the site

1 week ago

7 Days with Sketch 2

Great review by The Industry:

In conclusion, Sketch 2 feels to me like it is Photoshop, trimmed down to suit the very needs of us designers — the very same ones who only use the layer styles window and the vector shape tools in Photoshop. Sketch 2 is an app designed by the people it was designed for _ designers. Both with purpose and cleverness in mind at a fraction of the cost.

2 weeks ago

DragonDrop

Dragging and dropping is a great way to get stuff done on your Mac, but DragonDrop makes it even better. DragonDrop lets you set down what you’re dragging, leaving you free to find your destination without worrying about keeping the mouse button held down.

Fascinating app, made my life so much easier.

1 month ago

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

我是那种很 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

Favs

哎呀,前几天还想说,做一个整理 fav 的东西,结果都有人做出来了 favsapp.com

— Dison Du (@disinfeqt) February 3, 2012

一个月前发了条推,因为发现了一个叫做 Favs 的 app,它的作用是把你在其他网络产品里的「收藏」汇集到一处,方便管理和标记已读。其实当时我没怎么把它当回事。

直到今天,我买了一份正式版,然后随手搜索了一下。然后我意识到,这对管理 Dribbble 的 Likes 是多么有用。平时闲得没事就喜欢在逛 Dribbble 的时候随手 Like 一下,时间久了居然 Like 了 4600 多条。因为 Dribbble 不支持 Like 过条目的检索,想找某个特定的 shot 时痛苦得要死。

有了 Favs 就方便了,比方说我要搜所有我 Like 过的 header 设计,只需在侧栏点击 Dribbble 然后输入 header 即可,马上就能看到这个 shot。

另外一种用法,就是当作 Read Later 来用。很多人喜欢在手机上 fav 一条推,想在电脑前看里面提到的链接,而 Favs 在添加 source 的时候可以选择默认把新条目标记为未读。此外,Instapaper 只有 subscriber 才支持搜索功能,用了 Favs 的话不付费也可以享受这个功能。

还有还有。之前我一直费劲找一个好用的 Pinboard 客户端,至少有个好用的搜索功能,恰好 Favs 也支持 Pinboard,买 Delibar 的钱也省了(顺便,Delibar 非常难用)。

总结起来,Favs 真是个好东西啊,目前售价 $4.99

2 months ago

MailMate

MailMate is a new IMAP email client featuring extensive keyboard control, Markdown supported email composition, advanced search conditions and drill-down search links, equally advanced smart mailboxes, automatic signature handling, multiple notification methods, alternative message viewer layouts including a widescreen layout, and much more.

4 months ago 20 notes

Kickoff 1.4: New offer, new free plan

New Kickoff now has a free plan, 2 projects, 3 users per project and 20MB storage. The old paying plans also cost less than before.

Go get it and check out the new plans, for your team.

6 months ago 11 notes

Day-O by Shaun Inman

Day-O is a simple menu bar clock replacement with a simple calendar for your Mac. And it’s free.

Read more about it or download it.

6 months ago 2 notes