zen-coding

sikkuisikkuiです。

DreamWeaverはデザインなどHTMLを触ると、不要なタグが勝手に追加されたり、
コードのところでも、まだタグを打っているのに、勝手にタグを補完したり、
僕にとって非常に使い勝手の悪いソフトでしたが、
RSSからコーディングが3倍以上になる「zen-coding」という情報が入ってきたので、早速Dreamweaver CS4の体験版をインストールしてやってみました。

実際コーディングがかなり早くなります。
今まで面倒臭かった、

<h1></h1>
<ul id="nav" class="clearfix">
  <li><a href=""><em></em></a></li>
  <li><a href=""><em></em></a></li>
  <li><a href=""><em></em></a></li>
  <li><a href=""><em></em></a></li>
  <li><a href=""><em></em></a></li>
</ul>

のようなタグも、手打ちですと非常に時間が掛かっていましたが、
h1+ul#nav.clearfix>li*5>a>em
と打ち、キーボードのctr+,で上記のようなコードに一発変換できます。

しかも、zen-codingのh1+ul#nav.clearfix~の組み立て方は、僕が画像レイアウトからHTMLレイアウトに起こす思考と非常に良く似ているので、スムーズに非常に早くコーディングすることができました。
HTMLを触る時は、zen-codingがおすすめです。

トラックバック(0)

このブログ記事を参照しているブログ一覧: zen-coding

このブログ記事に対するトラックバックURL: http://crebatec.info/mt4/mt-tb.cgi/1368

コメントする

 

WEB(ホームページ),DTP(パンフレット、ポスター、ロゴ)の株式会社CREBATEC

ホームページ、Webシステム、業務システムから、パンフレット、ポスター、名刺、ロゴ、キャラクター作成まで、御社のCI(コーポレート・アイデンティティ)をトータルでサポートし、企業価値を高めるお手伝いをさせていただきます。

クレバテック ブログをRSSに登録 RSSに登録

関連サイト