Mixture.io 与 网页原型制作

[sammo]

“ Mockups don’t tell a story. Build a prototype in no time. ” ....

mockup 和 prototype 都被人翻译成 原型 ...... 前者是草图式的，后者是更直接的。
卡在 mockup 和 code 阶段的新手之痛 ... 谁知 ...
原来是缺少了 快速做出 prototype 的能力 ..

网格模样的网页原型 ( 也叫做 Prototype )

http://foundation.zurb.com/prototyping.html

http://foundation.zurb.com/grid.html

http://foundation.zurb.com/templates.html

* http://alistapart.com/article/dive-into-responsive-prototyping-with-foundation

http://railstutorial-china.org/rails4/chapter5.html


Mixture 这个软件简直是前端工具实验场 + Prototype 原型制作利器
Mixture 里的 Smart To-dos 简直是 拖延症和爱忘事的人的福音

类似的东西还有 Cactus 功能稍微弱一点儿

Cactus
http://cactusformac.com/docs/

Mixture
http://alwaystwisted.com/post.php?s=2012-12-09-get-in-the-mix
http://docs.mixture.io/mixture

这两个工具发掘自
http://foundation.zurb.com/develop/resources.html


回头看看 Espresso .. CodeKit .. Koala .. （ 好吧我只是做一下关键词匹配 ） ....
回头看看 Balsamiq Mockups 兴致勃勃地画草图 也是一件 .... 的事情

[sammo]

在静态站点制作的能力上也超过了 Jekyll 之流
http://docs.mixture.io/collections

[PublicID]

如果对 static site generator 有需求，或想要找 Mac 上的 Dreamweaver 的替代品，可以一试

Mixture.io 神器

[PublicID]

Coda 2 的侧重点不一样

[PublicID]

http://docs.mixture.io/collections/
这里的文件目录，很像 Jekyll 这种静态站点生成器

http://docs.mixture.io/templates/
这里的模板功能，很像 Dreamweaver 里的模板功能 或 ruby on rails 的 layouts ， PHP 里的 requires

[PublicID]

http://foundation.zurb.com/forum/posts/25906-static-site-generator-to-replace-mixtureio
这里说了一个典型是使用情况：
一个网页设计师，在 Mixture 提供的很少的后端辅助的情况下（让 Foundation 跑起来） 专注于自己的网页设计方面的活儿。很可惜 Mixture 停止支持了。

=

从做网页设计的活儿的角度，我偏好于用
Mixture.io
以下是我试用过的东西，感觉不一。

过轻，功能不够我用或并不针对于网页设计，但界面挺花哨的
Cactus
Coda
Espresso （ 这个的风格很像 DW ，尤其在用软件调节网页背景色的时候 （我倾向于手写 CSS ） ）

过重，很多功能用不着
jekyll
hexo
CodeKit 2.1.9
rails

[PublicID]

—— 「能极大减轻手写多个页面时候的工作量」
Dreamweaver 里的模板或许是很多人在手写 html 的时候会庆幸有的功能。

Mixture 、 Cactus 、 CodeKit （或原生的 PHP ）都可以提供这种 [1] 功能，并支持合成最终的 HTML
they let you use separate files like partials (header, footer, etc.)

因为它们内置了能力以开启一个本地端口，所以做到了和 DW 一样的效果，但是比 DW 更轻巧

[1]: http://docs.mixture.io/templates/#layout-includes

[charlie21]

mixture 已经不再维护了。
-
论单纯建静态网站的话，如果有简单的 代码复用是很好的。（类似 PHP 里 require() 的功能 ）
类似软件中，功能比较单一的有 hammer 、 Cacuts ；比较复杂的有 CodeKit 、 Koala

[charlie21]

http://docs.mixture.io/ 还是在的。很单纯的前端工程工具，只需要 html 和 css 知识

partial 代码片段的复用，就这点就能让代码量少很多

[charlie21]

像这种 smart build 一类的功能，也很贴心
http://hammerformac.com/docs/tags

[charlie21]

比 CodeKit 更强大（会玩）的一个做静态站的软件： Pinegrow ... 老外对这种 WYSIWYG 所见即所得 的网页制作工具还真是投入了不少心思，这方便了网页设计师们

[charlie21]

准确地说：它们是在由 设计 ---> 工程
Pinegrow 、 Espresso 这类软件的重点在于设计一个 html ，通过可视化的方式 （调 css ）
Hammer 、 Cacuts 这类软件的重点在于 高效串联起多个 html ，建一个多页面的简易网站
CodeKit 、 Koala 这种软件的重点，在于 pre-processor
越往下，网页越多越像一个 （靠 smart build 支撑的） 网站，越要直面代码