stopdesign.cn

一个是 Aardvark, 一点不逊于 firebug 的东西，在许多介绍 web 开发用的 firefox 插件的文章都没有提到过。Aardvark 在不太熟悉现有 HTML 结构与已有 CSS 规则时显得特别方便，因为通过它可以方便的查阅整个 HTML DOM 的相关信息，包括实时地删除它们、改变颜色、查看格式化的部分源代码等等。 Aardvark 同时提供了 firefox 插件和 bookmarklet。
另一个是 Jash, 跟 ipython 一样，作为一个好的 console，自动补全自然必不可少，console 本身可以做为很好的学习工具。Jash 同样是基于 bookmarklet, 不用考虑跨浏览器的问题。比如我现在大部分时间都用 safari, 配合 quicksilver 的 safari module，就可以方便地调用。Jash 可以实时地写入 CSS, 这在 IE 中就特别有用，比如要测试远程的 CSS 规则，在 Jash 中 ctrl+s 再把样式定义写进去就可以了。Jash 本身也是用 javascript 写成的，所以如果你觉得哪个地方用得不顺手，完全可以自己改写它。
这2个东西都有良好的快捷键支持，好软件都有这个特征。
写完这个就发现：
15 Must-Have Bookmarklets For Web Designers And Developers
另外，这个周末会去 D2 论坛看看，可以看到一些熟悉的 ID。

Labels: bookmarklets, frontend, jash, javascript

via

from random import uniform
graph = ximport('graph')

size(500, 300)

def curly_edge(style, path, edge, alpha=1.0):
    path.moveto(edge.node1.x, edge.node1.y)
    path.curveto(
        edge.node1.x + 40,
        edge.node1.y,
        edge.node2.x + 40,
        edge.node2.y,
        edge.node2.x,
        edge.node2.y,
    )
g = graph.create(distance=0.4)

for service in ('VeryCD', 'Twitter', 'Last.fm', 'Douban', 'theFlashBlog','Latest Macromedia News',
                'Delicious', 'Google Reader', 'Flickr', ):
    g.add_node(service, radius=5)

# connect services with FriendFeed
for service in ('Twitter', 'Last.fm', 'Delicious', 'Google Reader', 'Flickr','LinkedIn'):
    g.add_edge(service, 'FriendFeed', length=uniform(50,100))

g.styles.default.edge = curly_edge
g.solve()
g.draw()

Labels: graph, social

导出成功时加入了 Growl 的提示。由于命名空间会跟 mx.core 包里 Application 起冲突，Growl 的应用程序窗口只能显式地定义为：a = new com.adobe.growl.Application();

Labels: air, flex, growl, photo booth

http://www.stopdesign.cn/air/booth/
把 photo booth port 到 AIR 上，相比 mac 自带的 photo booth 当然简陋很多…点击生成的照片在桌面，生成成功暂时没有提示。

Labels: air, flex

frontend.zip 主要来自minimaldesign.net，我增加了一些常用的东西，比如 reset CSS, toggle display, $(dollar), addEvent 等，使用时，如输入 dollar 再 tab 就会出来 getElementById 的替代函数 $()。更多可以通过 bundle editor 看到。（这些东西太常用了，DRY)。具体使用效果可以参考这个视频。

Labels: bundles, textmate

发现原来 Adium 的聊天窗口界面是用 HTML+CSS 写的，我把其中的内容拿出来做了个演示，由于 CSS 中没有类似 flash 9-slice 的概念，这种糖果条的设计就要依赖许多额外的标签，许多 Adium 的主题都是这样处理的。

Labels: interface, iphone