DreamweaverにZen-Codingを入れようと思っていたのですが、最近sassも良いなと思うようになりました。初めは両方入れようかと思っていたのですが、入れるならどちらかで良いような気がしてきました。皆さんは何か入れてらっしゃいますか？良ければ教えてください。
私はZen-CodingもSassも両方使っています。なぜなら役割の性質が違います。
Zen-Codingは、HTML/CSSの入力の省略化を基本とします。それに対して、SassはCSSの管理を行いやすくするものです。
どちらも「コーディングが速くなる」という謳い文句が付けられることが多いですが、サイトの0からの構築で速くなるのは、Zen-Coding。
Sassは、サイトの新規の構築・管理・修正が行いやすくなります。ただし新規の構築は、フレームワークの使用、またはそれに近いものを作っておかないと、CSSの設計の段階で余計に時間がかかります。逆に大規模サイトの場合は、Sassがないときついです。
個人的には、「両方やればいいよ」と言いたいですが、とりあえず手のつけやすく、汎用性の高いZen-Codingから始めてみるといいかもしれません。またZen-Codingは、HTMLの展開などが注目されますが、CSSの展開の方も便利なのでおすすめです。
とりあえず私はZen-Codingだけ入れてます。使い方をなれれば手打ちしていた時より数倍早くコーディングができると思います。Sassは知らなかったのでやってみようと思います！
みんなの回答 2 件
私はZen-CodingもSassも両方使っています。
なぜなら役割の性質が違います。
Zen-Codingは、HTML/CSSの入力の省略化を基本とします。
それに対して、SassはCSSの管理を行いやすくするものです。
どちらも「コーディングが速くなる」という謳い文句が付けられることが多いですが、
サイトの0からの構築で速くなるのは、Zen-Coding。
Sassは、サイトの新規の構築・管理・修正が行いやすくなります。
ただし新規の構築は、フレームワークの使用、またはそれに近いものを作っておかないと、CSSの設計の段階で余計に時間がかかります。
逆に大規模サイトの場合は、Sassがないときついです。
個人的には、「両方やればいいよ」と言いたいですが、とりあえず手のつけやすく、汎用性の高いZen-Codingから始めてみるといいかもしれません。
またZen-Codingは、HTMLの展開などが注目されますが、CSSの展開の方も便利なのでおすすめです。
CSSの記述を高速化する、Emmet (Zen-Coding)｜Web Design KOJIKA17
http://kojika17.com/2012/10/css-speedstar-for-emmet.htmlとりあえず私はZen-Codingだけ入れてます。
使い方をなれれば手打ちしていた時より数倍早くコーディングができると思います。
Sassは知らなかったのでやってみようと思います！
関連するトピックス